Bindning av händelser vid insättning av element
Låt oss nu när vi sätter in element binda händelsehanterare till dem.
Låt oss till exempel ha detta föräldraelement:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Låt oss lägga till ytterligare ett stycke i slutet av denna förälder, och sätta en klickhanterare för det:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // vid klick skriver vi ut styckets text
});
parent.appendChild(p);
Det finns en ol och en knapp. Gör så att när du klickar
på knappen läggs en li- tagg till i slutet av ol.
Gör så att när du klickar på någon av
de tillagda li skrivs ett utropstecken
i slutet av dess text.
