JSFiddle - React, Tailwind, and code Playground

HTML

<div id="clickme"> Click me!!!</div>

<button id="reset">Reset div</button>

CSS

#clickme{
    width: 100px;
    height: 100px;
    background: red;
}

JavaScript

$("#clickme").on("click", function(){
    
    if(!$(this).hasClass("alreadyclicked")){
        $(this).css({background: "yellow"}).addClass("alreadyclicked");
    }else{
        alert("already clicked.. reset!");   
    }    
});

$("#reset").on("click", function(){
    $("#clickme").css({background: "red"}).removeClass("alreadyclicked"); 
});