Contenu du cours
Maîtrise Avancée de JavaScript
Maîtrise Avancée de JavaScript
Défi : Propagation et Délégation d'Événements
Tâche
Vous construisez une liste dynamique où les utilisateurs peuvent ajouter et supprimer des éléments spécifiques.
Utilisez la délégation d'événements en ajoutant un seul écouteur d'événements de clic au
ul
avec l'IDdynamic-list
;Lorsqu'un élément est cliqué :
Si l'élément cliqué est un
<li>
, affichez une alerte avec le texte de l'élément cliqué;Si l'élément cliqué est un bouton "Supprimer", retirez l'élément
<li>
correspondant de la liste.
index.html
index.css
index.js
Utilisez
event.target.tagName === 'LI'
pour vérifier si l'élément cliqué est un<li>
;Utilisez
event.target.classList.contains('delete-btn')
pour vérifier si l'élément cliqué est un bouton "Supprimer".
index.html
index.css
index.js
Merci pour vos commentaires !