Article Categories

Selected Reading

JavaScript multiline Property

Javascript Web Development Object Oriented Programming

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>