Hendelsesbinding ved innsetting av elementer

La oss nå når vi setter inn elementer binde hendelseshåndterere til dem.

La oss for eksempel si at vi har dette overordnede elementet:

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

La oss legge til enda en avsnitt på slutten av denne forelderen, og sette en klikkhåndterer for den:

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

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

p.addEventListener('click', function() {
  console.log(this.textContent); // ved klikk vil vi skrive ut avsnittets tekst
});

parent.appendChild(p);