JSFiddle - React, Tailwind, and code Playground

by chrimbus

HTML

<div class="box"></div>

CSS

.box {  
    width:100px;
    height:100px;
    background:#EFEFEF;
}
.tooEarly {
    background:red!important;
}
.onTime {
    background:green!important;
}

JavaScript

jQuery('.box').click(function(){
  $(this).data('clicked', true);
});

if(jQuery('.box').data('clicked')) {
    $(this).addClass('tooEarly');     
} else {
    
}

//var $post = $(".box");
    //setInterval(function(){
       // $post.addClass("onTime");
    //}, 4000);