Let Vs Var - Javascript

by Santosh Thakur

HTML

<h1> Let Vs Var</h1>
<div id="btn1">This is 1</div>
<div id="btn2">This is 2</div>
<div id="btn3">This is 3</div>
<div id="btn4">This is 4</div>
<div id="btn5">This is 5</div>


<pre>
(function x(a, b) {
  for (var i=0; i < 6; i++) {
    $('#btn' + i).click(function() {
      console.log('Clicked' + i);
    })
  }
})();
------------------------------------------------
(function x(a, b) {
  for (let i=0; i < 6; i++) {
    $('#btn' + i).click(function() {
      console.log('Clicked' + i);
    })
  }
})();
  
  
</pre>

CSS

div {
  border: 1px solid #eee;
  padding: 5px;
  margin-bottom: 5px;
}

JavaScript

(function x(a, b) {
  for (let i=0; i < 6; i++) {
    $('#btn' + i).click(function() {
      console.log('Clicked' + i);
    })
  }
})();