Etude de cas
See the Pen examen event delegation by dupont (@dupontcodepen) on CodePen.
🪛Modifiez le CSS en supprimant le filtre de la classe show !
.show::after {
content: " — " attr(data-population)".000" ;
font-weight: bold;
color: #555;
}
🚀Verifiez le bon comportement des événements avec le code HTML suivant
<section>
<p data-population="30" data-zone="zone1">Evry</p>
<div data-population="20" data-zone="zone1">Corbeil-Essonnes</div>
🚨Verifiez le mauvais comportement des événement avec du code HTML suivant !
<section>
<div data-population="30" data-zone="zone1"><span>la ville </span>d'Evry</div>
<div data-population="20" data-zone="zone1">Corbeil-Essonnes</div>
🛟Proposez une amélioration dans le code JS !
Pour la solution voir →https://codepen.io/dupontcodepen/pen/qBJrZxr