Povezivanje događaja pri umetanju elemenata
Hajde sada da pri umetanju elemenata povežemo handlers događaja na njih.
Neka, na primer, imamo sledeći roditeljski element:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Hajde da dodamo na kraj ovog roditelja još jedan pasus, postavljajući mu handler klika:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // klikom ćemo ispisati tekst pasusa
});
parent.appendChild(p);
Dat je ol i dugme. Uredite tako da klikom
na dugme na kraj ol bude dodat tag li.
Uredite tako da klikom na bilo koji od
dodatih li na kraj njegovog teksta bude upisan
uzvičnik.