Record Clicks

by zaknotzak

HTML

<div id="black" class="box"></div>
<div id="red" class="box"></div>
<div id="blue" class="box"></div>

CSS

.box {
    width:120px;
    height:120px;
    float: left;
    margin-right: 15px;
}
#black {
    background: #000;
}
#red {
    background: red;
}
#blue {
    background: blue;
}

JavaScript

var count = 0;
function recordClick(element) {
    count ++;
    alert("You have clicked on the " + element + " box " + count + " times");
}

$("div").click(function() {
    var element = $(this).attr("id");
    recordClick(element);
});