JSFiddle - React, Tailwind, and code Playground
HTML
<p id="mycount">NULL</p>
<p class="correct-ans active-trigger">Click Counter</p>
CSS
p {font-size:30px;color:#000; }
JavaScript
$(document).ready(function(){
var count = 0;
$('p#mycount').text(count);
$( ".correct-ans.active-trigger" ).click(function() {
alert(count);
count += 1;
console.log(count);
if(count == 0){
//do something
$('p#mycount').text(0);
}
else if(count == 1) {
//do something
$('p#mycount').text(1);
}
else if(count == 2) {
//do something
$('p#mycount').text(2);
}
else if(count == 3) {
//do something
$('p#mycount').text(3);
}
else if(count == 4) {
//do something
$('p#mycount').text(4);
}
else if(count == 5) {
//do something
$('p#mycount').text(5);
}
else {
}
});
});