Gebeurtenisbinding by die invoeging van elemente

Laat ons nou by die invoeging van elemente gebeurtenishandlers daaraan bind.

Gestel, byvoorbeeld, ons het so 'n ouer- element:

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

Kom ons voeg nog 'n paragraaf aan die einde van hierdie ouer toe, en stel 'n klik-handler daarvoor:

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

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

p.addEventListener('click', function() {
  console.log(this.textContent); // met 'n klik sal ons die paragraafteks vertoon
});

parent.appendChild(p);