JSFiddle - React, Tailwind, and code Playground

HTML

<center><p>Click any where in the document</P></center>

<div align="center" id="myDiv1">
click Here
</div>
<div align="center" id="myDiv2">
click Here
</div>

CSS

#myDiv1 {
    background-color: gray;
    border: 1px solid;
    padding: 50px;
	}
	#myDiv2 {
    background-color: green;
    border: 1px solid;
    padding: 50px;
	}

JavaScript

window.document.querySelector("#myDiv1").addEventListener("click", function(){
    alert("clicked");
}, false);
window.document.querySelector("#myDiv2").addEventListener("click", function(){
    alert("clicked1");
}, false);