JavaScript global Property

JavascriptWeb DevelopmentObject Oriented Programming

The global property in JavaScript returns true or false depending upon if the ‘g’ modifier is set or not.

Following is the code for JavaScript global 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;
   }
</style>
</head>
<body>
<h1>JavaScript global Property</h1>
<div class="sample">Some random text inside a div<br></div>
<div style="color:red" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to check if the 'g' modifier is set or not
</h3>
<script>
   let sampleEle = document.querySelector(".result");
   let pattern = /random/g;
   let result = pattern.global;
   document.querySelector(".Btn").addEventListener("click", () => {
      if(result) sampleEle.innerHTML += 'The g modifier has been set';
      else sampleEle.innerHTML += 'The g modifier has not been set';
   });
</script>
</body>
</html>

Output

On clicking the ‘CLICK HERE’ button −

raja
Published on 11-May-2020 12:27:03
Advertisements