JSFiddle - React, Tailwind, and code Playground

by Amar Nyayapati

HTML

<div >click and grow me</div>
<p>hai hello how are u..??????? and i am good..!!!</p>
<script>
    $("div").click(function(){

        $(this).toggleClass("mydiv");
    
    });
    var splitted=$("p:first").text().split(" ");
    var joined=splitted.join("</span> <span>");
    $("p:first").html("<span>"+joined+"</span>");
    
    $("span").click(function(){   
        $(this).css("color","blue");
    });
</script>

CSS

div{
    border:1px solid black;
    width:200px;
    height:100px;
    
    color:black;
    text-align:center;
    cursor: pointer;
}
.mydiv{

       border:1px solid black;
        width:500px;
        height:100px;
        
        color:black;
        text-align:center;
        cursor: pointer;
    }