Article Categories

Selected Reading

JavaScript global Property

Javascript Web Development Object 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

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