JSFiddle - React, Tailwind, and code Playground

by taoist

HTML

<div class="outer">
    
    <div class="inner">
        
    </div>
</div>

CSS

.outer{
    height:300px;
    width:300px;
    background-color:orange;
    
}
.inner{
    width:150px;
    height:150px;
    background-color:red;
    position:relative;
    margin: 0 auto;
    top:23%;
}

JavaScript

$('.outer').on("click",function(){
 alert("orange got this event");   
});
               
 $('.inner').on("click",function(){
 alert("red div got this event");   
});