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 :

html<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 :

javascriptlet 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);