Advanced Soubha counter
by aburayane
HTML
<a class="counter" id="LaIlaha" name="0">Counter1</a>
<div id="dispCounter1">0</div>
<br />
<a class="counter" id="NabiSalat">Counter2</a>
<div id="dispCounter2">0</div>
JavaScript
function counter(){
var count1 = 1;
var count2 = 1;
$(".counter").click(function(){
var getID = $(this).attr('id');
//alert(getID);
switch(getID){
case 'LaIlaha':
//var count1 = 0;
var count = count1;
count1++;
var maxCount = [5, 8];
var string = ['ilaha1', 'ilaha_1'];
break;
case 'NabiSalat':
//var count2 = 0;
var count = count2;
count2++;
var maxCount = [2, 5];
var string = ['salat1', 'salat2'];
break;
}
var setPlace = $(this).next().attr('id');
console.log(setPlace);
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();