Wiązanie zdarzeń przy wstawianiu elementów
Teraz przy wstawianiu elementów powiążmy z nimi procedury obsługi zdarzeń.
Załóżmy na przykład, że mamy taki element nadrzędny:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Dodajmy na koniec tego rodzica jeszcze jedny akapit, ustawiając mu procedurę obsługi kliknięcia:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // po kliknięciu wypiszemy tekst akapitu
});
parent.appendChild(p);
Dany ol i przycisk. Spraw, aby po kliknięciu
na przycisk na koniec ol dodawany był znacznik li.
Spraw, aby po kliknięciu na dowolny z
dodanych li na koniec jego tekstu zapisywany był
wykrzyknik.
