JSFiddle - React, Tailwind, and code Playground

by Aakash Khapare M

HTML

<div class="container">
   
</div>

JavaScript

$(".container")
.append("<div data-event='click' class='child'>Click</div>")
.append('<div data-event="mouseover" class="child">Mouseover</div>')
.append('<div data-event="mouseout" class="child">Mouseout</div>');
$(".container").on("click mouseover mouseout", ".child", function(e){
	if(e.type === $(this).data("event")){
  	console.log("Perform " + e.type);
  } else{
  	console.log("Don't Perform " + e.type);
  }
});