JSFiddle - React, Tailwind, and code Playground

by arondraper

HTML

<div id="text1" class="text">sda aaf asdf asfasfa fadfadfasdfasdf</div>
<div id="text1" class="text">sda aaf asdf asfasfa fadfadfasdfasdf</div>

CSS

.text{
   padding: 10px;
   margin: 10px;
   background-color: #e8e8e8;
   width: 350px;    
}

JavaScript

var clicks, timer, delay;
clicks=0;delay=500;timer=null;

$(".text").on('click', function(){
    clicks++;
    timer = setTimeout(function() {
        switch(clicks){
            case 1:
               alert("single clicked");
            break;
            case 2:
               alert("double clicked"); 
            break;            
        }
        clicks=0;
    }, delay);
});