JavaScriptowy Mind fuck - Czyli iterowanie po NodeList!

Question

Witam drogich użytkowników robiąc skrypt natrafiłem sie na ciekawa rzecz ;p

 

http://pastebin.com/UGwEcvEe

KOD który wysylam działa ale działa na ostatni element NodeLista zna ktoś może przyczyne i rozwiazanie dla tej zagadki ;d?

Answer 1

Są 3 rozwiązania:

1) Przechodzisz na ES6 i używasz const/let - wówczas wszystko działa out of box

2) Rzutujesz NodeList na tablicę i jedziesz przez forEach.

3) Wkładasz każdy przelot pętli do IIFE.

Answer 2

Mi to wygląda na zasięg zmiennej zadeklarowanej w pętli for → for i… Zamiast tego proponuję rzucić NodeList na tablicę przy pomocy [].slice.call(buttons) i iterować za pomocą metody forEach. Ogólnie operowałbym tylko na obiekcie classList, nie wiem dlaczego utrudniasz sobie życie… :P