Computer >> Computer tutorials >  >> Programming >> Javascript

JavaScript multiline Property


The JavaScript multiline property returns true or false depending upon if the ‘m’ modifier has been set or not.

Following is the code for the JavaScript multiline property −

Example

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .sample,.result {
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
</style>
</head>
<body>
<h1>JavaScript Math Object</h1>
<div class="sample">The king bought the ring</div>
<div style="color:black" class="result"></div>
<div style="font-weight: bold; color: black;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to see if m modifier has been set or not
</h3>
<script>
   let resultEle = document.querySelector(".result");
   document.querySelector(".Btn").addEventListener("click", () => {
      let pattern = /ing/gm;
      let result = pattern.multiline;
      if(result) resultEle.innerHTML = 'The "m" modifier has been set';
      else resultEle.innerHTML = 'The "m" modifier has not been set';
   });
</script>
</body>
</html>

Output

JavaScript multiline Property

On clicking the ‘CLICK HERE’ button −

JavaScript multiline Property