JSFiddle - React, Tailwind, and code Playground

HTML

<div>
	<div></div>
	<div></div>
</div>

CSS

body>div {overflow: hidden;width: 400px;background: green;}
div div {float: left;width: 20px;height: 20px;background: red;}
div+div {float: right;}

JavaScript

function parent(e){
	
	alert("J'ai cliqué sur la <div> parent !");

}

function enfant(e){
	
	alert("J'ai cliqué sur la <div> enfant !");

}

document.querySelector("body>div").addEventListener("click", parent, true);

document.querySelectorAll("div div")[0].addEventListener("click", enfant, true);
document.querySelectorAll("div div")[1].addEventListener("click", enfant, true);