Javascript как дописать функцию?

Question

[ralo]

Ребят помогите разобраться! Почему я могу делать какието манипуляции только с последним элементом из 3х !
На jsfiddle ссылка ниже! Если можно напишите код сюда!

https://jsfiddle.net/takefive/5gomzjck/1/

Answer 1

[Defman21]

var el = document.getElementsByClassName('element');

    for(var i = 0; i < el.length ; i++){
      el[i].addEventListener('click', function(e){e.target.classList.toggle('color')}, false);
    }

Comments

[Dmitriy Uvarov]

тогда уж освободите памяти немного и уберите ненужное определение переменной, добавляйте слушателя сразу

[Defman21]

Дмитрий Уваров: ок.

Answer 2

[Dmitriy Uvarov]

На выходе elem указывает только на последний элемент, используйте forEach конструкцию

for(var i = 0; i < el.length ; i++){
      var elem = (el[i]);
    }

Comments

[ralo]

а можете тут написать ? как будет выглядеть с использованием forEach

[Sizoider]

var el = document.getElementsByClassName('element');
el = Array.prototype.slice.call(el,0);
el.forEach(function(elem){
elem.addEventListener('click', function(e){e.target.classList.toggle('color')}, false);
});