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:
<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:
let 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);
Gegeven een ol en een knop. Zorg ervoor dat bij een klik
op de knop aan het einde van ol een li tag wordt toegevoegd.
Zorg ervoor dat bij een klik op een van de
toegevoegde li aan het einde van de tekst een
uitroepteken wordt toegevoegd.
