Liaison d'événements lors de l'insertion d'éléments
Maintenant, lors de l'insertion d'éléments, nous allons leur attacher des gestionnaires d'événements.
Supposons, par exemple, que nous ayons un élément parent comme celui-ci :
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Ajoutons à la fin de cet parent un autre paragraphe, en lui attachant un gestionnaire de clic :
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // lors du clic, nous afficherons le texte du paragraphe
});
parent.appendChild(p);
Étant donné une ol et un bouton. Faites en sorte qu'au clic
sur le bouton, une balise li soit ajoutée à la fin de la ol.
Faites en sorte qu'au clic sur l'un des
li ajoutés, un point d'exclamation soit ajouté
à la fin de son texte.
