Question

I’m new to programming and was wondering how to make a customized alert that shows the id or class name of the object when I click on it. My site has a picture of 8 different animals, and I want it so that every time I click on one of the animals there’s an alert with “This is a (animal’s name)”. Why won’t my javascript code below work?

should i be using “this” instead of “parama”? i don’t understand whether or not to have any parameters for my function clicky.

var images = new Array()
images[0] = "bison"
images[1] = "frog"

function clicky(parama){
    for (entry in images){
        if (parama.attributes["name"].value === images[entry]){
            $(parama).onClick(alert("This is a" + parama.attributes["name"].value));
        } else {
            $(parama).onClick(alert("dang it");
        }
    }
}

Answer 1

using sort of a combination of both your answers, I figured out a way to do it with a lot less code than I originally had. Check it out! (images all had classes of “pic”)

$('.pic').click(function(){
    alert("This is a " + this.getAttribute('alt'))
});