Кто может объяснить, почему при клике на item, цикл уже пройден?

Question

[Anton Fyodorov]

jsfiddle.net/6jde8Lm9/3

Answer 1

[Rsa97]

Потому что глобальная переменная i на момент события содержит 3.
Используйте замыкание jsfiddle.net/7krzu4p3/1

Answer 2

[Алексей Уколов]

learn.javascript.ru/task/make-army

Answer 3

[Антон П.]

Эмм.
Похоже вы неправильно понимаете механизм событий.

items[i].addEventListener('click', function() {alert(i);});

Данной строчкой вы подписываетесь на событие клика. Функция не исполняется сразу, а ждет когда произойдет клик.
Это как если бы вы оформили подписку на какой-нибудь журнал. После подписки вы бы не стали ждать его по стойке смирно что бы прочитать, а жили бы своей жизнью. А когда он бы пришел, получили бы него на почте и прочитали.