Question

Why this JavaScript alerts allways 4 in when for-loop is for 3?

// alert
function reOrderLayers(layerToaAlter) {
alert(layerToaAlter);
}

// prepare
var laCount;
for (laCount = 1; laCount <= 3; laCount++) {
    var la = document.getElementById("layerChanger"+laCount);
    la.addEventListener("click", function () { reOrderLayers(laCount) });
}

Answer 1

When loop is finished means i is >3, to preserve particular number in function call use closures:

  la.addEventListener("click", (function(count) { return function () { reOrderLayers(count) } })(laCount)  );