JSFiddle - React, Tailwind, and code Playground

by wrxsti85

HTML

<button id="1">Click Thrice!</button>
<button id="2">Click Twice!</button>
<button id="3">Click Four Times!</button>

JavaScript

var c1 = 0;
    var c2 = 0;
    var c3 = 0;
    var c4 = 0;
    var reset = 0;

$(document).ready(function(){ 
    
    $('#1').click(function(){
         if (c1 == 2) {
             c4 = c4 + 1;
             c1 = 0;
         } 
         else if (c4 > 1){
             c4 = 0;
         }
         else {
             c1 = c1 + 1;
         } 
    });
    
    $('#2').click(function(){
         if (c2 == 1) {
             c4 = c4 + 1;
             c2 = 0;
         } 
         else if (c4 > 1){
             c4 = 0;
         }
         else {
             c2 = c2 + 1;
         } 
    });
    
    $('#3').click(function(){
         if (c3 == 2) {
             c3 = 0;
             c4 = c4 + 1;  
         } 
         else if (c4 == 3){
             success();
             c4 = 0;
         }
         else if (reset > 4){
             c1 = 0;
             c2 = 0;
             c3 = 0;
             c4 = 0;
             reset = 0;
         }
         else {
             c3 = c3 + 1;  
             reset = reset + 1;             
         } 
    });
    
});

function success(){
     alert('Woot! Secret Clicks!');
}