JavaScript multiline Property

JavascriptWeb DevelopmentObject 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

 Live Demo

<!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

On clicking the ‘CLICK HERE’ button −

raja
Published on 11-May-2020 13:36:21
Advertisements