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:
<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:
let 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);
Det er gitt en ol og en knapp. Gjør slik at ved klikk
på knappen legges en li-tag til på slutten av ol.
Gjør slik at ved klikk på en hvilken som helst av de
tilføyde li skrives et utropstegn på slutten av dens tekst.
