Question

Ok, so suppose. I have ten images in documents.images array. When I click on an image. How do I get an alert telling me what image I have clicked on.

EDIT
The reason that I want the index of the image I clicked on is because I am trying to bind it to an event and the previous way doesn’t seem to work

document.images[i].addEventListener("click", function(){MakeMove(i)}, false);

This statement is in a for loop, and I intended it to bind to every image but that doesn’t seem to be working.

Answer 1

Here is pure JavaScript way to do that:

window.onload = function() {
    for (var i = 0; i < document.images.length; i++) {
        var image = document.images[i];
        image.setAttribute("index", i + "");
        image.onclick = function() {
            var index = this.getAttribute("index");
            alert("This is image #" + index);
        };
    }
};

The trick is assigning custom attribute with the index, then read that attribute.

Live test case.