JSFiddle - React, Tailwind, and code Playground

by charaf11

HTML

<div id="myDiv">
    click me , click me click me , click me click me , click me click me , click me click me , click me click me , click me click me , click me click me , click me click me , click me click me , click me click me , click me click me , click me click me , click me click me 
</div>

CSS

#myDiv{width:200px;height:200px;text-align:justify;margin:0 auto;}
.open{background-color:red;}

JavaScript

containOpen();//before clicking value=2

$("#myDiv").click(function(){

    $(this).addClass("open");
    containOpen();//after click , value=1

});

function containOpen(){
    
    if ($('#myDiv.open').length==1){
     var myValue = "1";
    
    }else{
     var myValue = "2";
    }
    
    alert("value = "+myValue);
    
}