Переменная внутри функции?

Question

[agromov91]

Есть такая функция. Отслеживает клик по кнопке и создает попап с необходимой информацией.
Как поправить, что бы для map.appendChild(createCard(i)); был доступен номер нажатой кнопки?
Сейчас вылетает ошибка, так как i недоступен почему-то. Если вместо i подставить число, то все ок.

function clickPin() {
  var pinButton = document.querySelectorAll(".map__pin");
  for (var i = 1; i < pinButton.length; i++) {
    pinButton[i].addEventListener("click", function() {
      map.appendChild(createCard(i));
      var popup = document.querySelector(".map__card.popup");
      popup.classList.remove("hidden");
    });
  }
}

Comments

[Ярослав Иванов]

Замыкание или let

[agromov91]

Ярослав Иванов, им@space2pacman, вот let помог спасибо. Еще только учусь, практикуюсь)

[agromov91]

Ярослав Иванов, А почему в моем случае var не работал? var же хоть и устаревшая, но глобальная переменная.

Answer 1

[Ярослав Иванов]

Сделать замыкание или вместо var - let

let делает на каждой итерации ссылку на переменную i с её значением (условно 10 переменных с разным значением)

var делает одну переменную и обновляет (после цикла будет доступно последнее значение)

Comments

[agromov91]

Спасибо!