Question

JSFiddle

There’s a simple for loop, can anyone explain to me why isn’t it working?

Here’s the code (it’s there in the fiddle too)

JS –

var anchors = document.getElementsByTagName('a');

for (var i, anchor; anchor = anchors[i]; i++) {
    console.log('looping');
anchor.addEventListener("click", setNavigation, false);
}​

HTML –

​<a href="#"></a>
<a​​​​​​​​​​​​​​​​​​​​ href="lol"></a>​​​​​​​​​​​​​​​​​​​​​​​​​​

Answer 1

You forgot to initialize i to the value 0. Use for (var i=0, ….

Btw, usually you check for i to be smaller than the length of the iterated collection instead of looking for truthy values in the loop-condition. Then you also wouldn’t need that additional variable anchor:

var anchors = document.getElementsByTagName('a');
for (var i=0; i<anchors.length; i++) {
    console.log('looping');
    anchors[i].addEventListener("click", setNavigation, false);
}​