JSFiddle - React, Tailwind, and code Playground

by Uday Hiwarale

HTML

<div id="parent">
  <button id="child">
    Click Me!
  </button>
</div>

CSS

div{
  width:300px;
  height:300px;
  border:2px solid #999;
  text-align:center;
}
button{
  height:30px;
  margin-top:135px;
}

JavaScript

document.getElementById('parent').addEventListener('click', function(event){
	alert('You clicked parent');
});
document.getElementById('child').addEventListener('click', function(event){
	event.stopPropagation();
  alert('You clicked button');
});