Gebeurtenissen binden bij het invoegen van elementen

Laten we nu bij het invoegen van elementen gebruikersacties aan ze binden.

Stel dat we bijvoorbeeld het volgende bovenliggende element hebben:

html<div id="parent">
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>

Laten we aan het einde van deze ouder nog een alinea toevoegen en er een klik-actie aan toewijzen:

javascriptlet parent = document.querySelector('#parent');

let p = document.createElement('p');
p.textContent = '!';

p.addEventListener('click', function() {
  console.log(this.textContent); // bij klik geven we de tekst van de alinea weer
});

parent.appendChild(p);