Deux compteurs sur la même page
Bonjour,
J'ai 2 compteurs sur la même page, je voulais cliquer sur le premier et s'incrémente, et sur le deuxième et s'incrémente aussi, mais dans mon cas, je clique sur le premier, il s'incrémente jusqu'à par exemple (3), je clique sur le deuxième et continue le compte à partir de 3 et non à partir de 0; voici un DEMO et le code:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
| function counter(){
var maxCount = [5, 10];
var string = ['Done', 'Well Done'];
var count = 0;
$(".counter").click(function(){
count++;
var getID = $(this).attr('id');
//alert(getID);
var setPlace = 'disp'+getID;
//console.log('count '+count);
var indexKey = maxCount.indexOf(count);
console.log('index '+indexKey);
if(indexKey >=0){
var msg = string[indexKey];
console.log(msg);
}
$("#"+setPlace).html(count);
});
}
//counter('dispCounter', 10);
counter(); |
HTML:
Code:
1 2 3 4 5 6 7
| <a class="counter" id="Counter1">Counter1</a>
<div id="dispCounter1"></div>
<br />
<a class="counter" id="Counter2">Counter2</a>
<div id="dispCounter2"></div> |
Merci a vous