Why is the variable still reachable?

Question

window.onload = function() {
    var count = 0;
    var message = "You clicked me ";
    var div = document.getElementById("message");
    var button = document.getElementById("clickme");

    button.onclick = function() {
        count++;
        div.innerHTML = message + count + " times!";
    };
};

Once the function assigned to the onload property has been executed the var div should become unreachable. Then why the hack the function assigned to the onclick property can still use the variable in question? The function executes only after the button has been clicked (var button).

score 2 · Answer 1 · answered Jun 05 '18 at 19:54

2

It is because button is a reference to a DOM element that has that as a click handler.

answered Jun 05 '18 at 19:54

Daniel A. White

187,200
47
362
445

Sorry for the mistake. The question has been edited. – Badbuoy 189 Jun 05 '18 at 19:59
@Badbuoy189 no problem. the duplicate should explain things. – Daniel A. White Jun 05 '18 at 20:00

Why is the variable still reachable?

1 Answers1