Почему alert() срабатывает 3 раза?

Question

[GaserV]

Доброй ночи всем. Вот хоть стреляй, но не понимаю, почему алерт 3 раза вылетает? Должен ведь 1, или все-таки 3?
У меня элементов с классом slide 3 шт. на странице.

function switchSlide(event, element){
  var slides = document.querySelectorAll(".slide");

  for (var i = 0; i < slides.length; i++) {
    if (i === 2) {
      alert()
    }
}

Comments

[DevMan]

GaserV код в песочницу, сюда линк.

[GaserV]

DevMan, код здесь: https://jsfiddle.net/44r230br/1/ Но в песочнице почему-то функцию найти не может.

Answer 1

[tema_sun]

var objects= Array.prototype.slice.call(document.querySelectorAll('.slide'));

function switchSlide() {
      if(objects.indexOf(this) === 2){
          alert("Bam!")
      }
}

[].forEach.call( objects, function(el) {
      el.addEventListener('click', switchSlide);
});