i - это переменная и к концу цикла она принимает значение, которое и выводится по щелчку. Чтобы быстро понять как это получается, надо убрать цикл:
var i = 5;
element.addEventListener('click', function() {console.log('you clicked on ' + i);});
После щелчка выведется 5. ОК. Теперь какая-то функция ниже меняет i
i = 'I will be back';
Теперь после щелчка на том же диве (на любом) будет
I will be back
|