JavaScript Let

JavascriptWeb DevelopmentObject Oriented Programming

The JavaScript Let keyword introduced in 2015 allows us to define block scoped variables.

Following is the code for declaring variable using Let keyword in JavaScript −

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{
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
</style>
</head>
<body>
<h1>JavaScript Let</h1>
<div class="sample"></div>
<div style="font-weight: bold; color: black;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to access the varible
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   document.querySelector(".Btn").addEventListener("click", () => {
      {
         let a = 22;
         sampleEle.innerHTML ="Accessing variable a inside block = " + a + "<br>";
      }
      try {
         sampleEle.innerHTML = "Accessing variable a outside block = " + a;
      } catch (err) {
         sampleEle.innerHTML +="Accessig variable a outside the block = " + err;
      }
   });
</script>
</body>
</html>

Output

On clicking the ‘CLICK HERE’ button −

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