Priradzovanie udalostí pri vkladaní prvkov
Poďme teraz pri vkladaní prvkov k nim priradzovať obsluhy udalostí.
Nech máme napríklad takýto nadradený prvok:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Poďme pridať na koniec tohto rodiča ešte jeden odstavec a nastavíme mu obsluhu kliknutia:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // pri kliknutí vypíšeme text odstavca
});
parent.appendChild(p);
Daný je ol a tlačidlo. Zaistite, aby pri kliknutí
na tlačidlo na koniec ol bol pridaný tag li.
Zaistite, aby pri kliknutí na ktorýkoľvek z
pridaných li na koniec jeho textu bol zapísaný
výkričník.