JSFiddle - React, Tailwind, and code Playground

by skram

HTML

<div tabindex='-1' id="myTest" >TEST</div>

CSS

div#myTest {
   border: 1px solid navy;
   padding: 20px;
   text-align: center;     
}

JavaScript

var isClicked = false;

$('div#myTest').click(function(){
    
  //do nothing on 1st click
    if (isClicked == false) {
        alert('Clicked 1st time');     
        isClicked = true;
        return;
    }
    
    //do whatever u want on second click
    
    alert('Clicked 2nd time');     
  
});


// to check it is clicked outside div
$(document).click(function(e){
    if($(e.target).is('#myTest'))return;    
       
    //reset to 
    isClicked = false;
 
});