JSFiddle - React, Tailwind, and code Playground

by cathead

HTML

<section>
  <div class="taco">
    <b>I am b</b>
    <span>I am span</span>
  </div>
  
  <div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet nihil rem vero exercitationem harum dignissimos id, quasi nobis, nesciunt molestiae numquam. Delectus ipsam quos quidem, quam labore accusantium perspiciatis! Quasi vitae distinctio, neque. Quisquam officia facere repudiandae laborum dicta et temporibus, sequi voluptas, iusto reprehenderit officiis deleniti, odio corporis labore delectus architecto maiores cum quae quibusdam? Voluptas saepe, temporibus aspernatur fugiat repudiandae, in at culpa, voluptatem quasi vero ad dolorum, magnam dolores sed molestias mollitia nemo. Dolor est eum libero hic, harum vel porro animi optio vitae nemo?
  </div>
</section>

CSS

.taco {
  border: 1px solid blue;
  padding: 20px;
}

b {
  background-color: tan;
  display: block;
}

span {
  background-color: limegreen;
  padding: 20px;
}

JavaScript

/* 

$(document).on('click', 'div', function(e) {
    alert('001');
});

*/

document.addEventListener('click', function (event) {
	if (event.target.closest('.taco')) {
    alert('bell');
  }
});