JSFiddle - React, Tailwind, and code Playground

by themw

HTML

<div class="ab" id="clickbox">
  <h1>I'm the div.</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur natus inventore, distinctio nihil nisi necessitatibus temporibus beatae, illo a quod eveniet voluptatibus harum. Iste voluptatibus adipisci ad vero minus nam.</p>
  <img src="http://lorempixel.com/100/100/nature/1" alt="">
  <ul>
    <li>Shampoo</li>
    <li>Soap</li>
    <li>Toothpaste</li>
  </ul>
</div>

CSS

div{
  border: 1px solid black;
  padding: 50px;
}

JavaScript

window.addEventListener('click', function(e){
	
	if (document.getElementsByClassName('ab').contains(e.target)){
  	alert("Clicked in Box");
  } else{
  	alert("Clicked outside Box");
  }
})