JSFiddle - React, Tailwind, and code Playground

by Prathameshsb

HTML

<div id = "parent" >
  <p>Hi</p>
  <img class="heading" src="https://psychicscience.org/img/pages/vt2.jpg">    
  <p>End</p>
</div>
<p id="demo"></p>
<div>ahsdsah</div>

JavaScript

var parent = document.getElementById("parent");
/* 
parent.addEventListener('click',function(e){
  if(e.target.className === 'heading'){
  const check = e.target.className;
    document.getElementById("demo").innerHTML = "You clicked on " + check + " element";
  }else{
    document.getElementById("demo").innerHTML = "You clicked on nothing" ;
  }
});
 */
parent.addEventListener("click", function(e){
	if(e.target.className == "heading"){
  	const elem = e.target.className;
    document.getElementById("demo").innerHTML = "You clicked on " + elem + " tag";
  }else {
  	document.getElementById("demo").innerHTML = "You clicked on nothing";
  }
});