Show clicks

Quick script to show how many clicks.

by Jennifer Perrin

HTML

<div class="one">one</div>
<p>You clicked <span id="counterOne">0</span> times !</p>

<div class="two">two</div>
<p>You clicked <span id="counterTwo">0</span> times !</p>

<div class="three">three</div>
<p>You clicked <span id="counterThree">0</span> times !</p>

CSS

div, p {margin:10px;}

div {
border:1px solid #000;
width:100px;
height:25px;
text-align:center;
cursor:pointer;
}

div:hover {background:#ccc;}
span {color:red;}

JavaScript

$(document).ready(function(){
    
    var clicksOne=0;
    var clicksTwo=0;
    var clicksThree=0;
    
    $(".one").click(function () {
       clicksOne=clicksOne+1;
       $('#counterOne').html(clicksOne);
    });
    
    $(".two").click(function () {
       clicksTwo=clicksTwo+1;
       $('#counterTwo').html(clicksTwo);
    });
    
    $(".three").click(function () {
       clicksThree=clicksThree+1;
       $('#counterThree').html(clicksThree);
    });
    
});