JSFiddle - React, Tailwind, and code Playground

by jmpp77

HTML

<div id="container">
    <div> bonjour </div>
    <div> bonsoir </div>
</div>

CSS

div { margin: 0.5rem; background-color: #fff; }
#container { padding: 0.5rem; background-color: #c0c0c0; }

JavaScript

const container = document.getElementById('container');

container.addEventListener('click', function onContainerClick(event) {
	// Vérifie si on a pas simplement cliqué sur l'élément container
    if (event.target === event.currentTarget) {
    	return false;
    }

	const divClicked = event.target;
    
    alert(`Clic sur ${divClicked.innerHTML}`);
    
    // …
});