Események kötése elemek beszúrásakor
Most pedig kössünk eseménykezelőket az elemekhez beszúrásukkor.
Tegyük fel például, hogy van egy ilyen szülőelemünk:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Adjunk hozzá még egy bekezdést a szülő végéhez, és állítsunk be neki egy kattintás eseménykezelőt:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // kattintáskor kiírjuk a bekezdés szövegét
});
parent.appendChild(p);
Adott egy ol és egy gomb. Állítsa be, hogy a gombra kattintva
egy li tag kerüljön a ol végére.
Állítsa be, hogy bármelyik hozzáadott li-re kattintva
egy felkiáltójel kerüljön a szövegének a végére.
