JSFiddle - React, Tailwind, and code Playground

by Hemal Rathod

HTML

<div class=parent>
<div class=child>
  
</div>
</div>

CSS

.parent{
    display:table-cell;
    width:300px;
    height:300px;
    vertical-align:middle;
    
    text-align:center;
    padding:15px;
    background-color:red
}
.child{
    display:inline-block;
    width:300px;
    height:300px;
    background-color:blue
}

JavaScript

$(document).ready(function(){
	var flag=false;
	$(".parent").click(function(){
  	flag=true;
  });
	$(".child").click(function(e){
  	if(flag==false){
    	alert("CHILD IS ALIVE");
    }
  });
});