JSFiddle - React, Tailwind, and code Playground

by Shidhin C R

HTML

<ul id="shidhin">
  <li>
    <p><button>something</button></p>
  </li>
</ul>

CSS

ul,li,p,button {
  padding: 10px;
}

ul {
  border: 2px solid #000;
}

li {
  border: 2px solid #ccc;
}

p {
  border: 2px solid red;
}

JavaScript

var ul = document.getElementById('shidhin');

ul.addEventListener('click', function(event){
	if(event.target && event.target.nodeName === 'LI'){
  	alert('Li clicked')
  }
}, true);