I didnt get any part of this tutorial. I am completely lost. Can anyone plz break down the code..!

The difference between 'var' and 'let' is what's known as block level scoping, in laymans terms, variables defined with 'let' only exist in between the pair of curly braces that starts right before the variable is defined. See below

var x = 2; //This variable exists from here on out
{
  var y = 3; //This variable also exists for the rest of the execution
  let z = 4; //This variable only exists inside the outer curly braces
  {
    //all variables exists here, even z, since this scope is 'inside' the parent scope
  }
}
// x and y can be used here, 
// but we are no longer in the scope in which z was declared with 'let'

Hope this helps.

for(var i = 0; i < buttons.length; i++) {
          const button = buttons[i];
          button.addEventListener("click", function() {
              alert("Button " + i + " Pressed");
          });
      }

Remember that i++ in the for loop will executed right before another loop iterates, but since 10 < 10 is false loop will terminate and now every button has an event listener that we programmed for an alert. The problem is that since var i is global scope and now any other variable that used it will have i = 10.

Hi Sal,

Although it is marked as "Beginner", this is a Workshop and not a course, so it assumes that you have at least a working knowledge of the programming language in which the feature of the workshop is based in.

Looking at your question, I'm assuming that you are new to coding and to JavaScript. The in-depth answer to your question does go a bit beyond the scope of a Community Forum post....
Instead, I think you will find the Digital Literacy Track very interesting and informative. This track is specifically designed to give you an introductory working knowledge of computers and coding, which will be greatly beneficial as you progress with your coding journey.

Give it a look and Keep Coding! :)

I also don’t get why var would be different than let in this case.