Sündmuste sidumine elementide lisamisel
Paneme nüüd elementide lisamisel nendele külge sündmuste töötlejad.
Olgu näiteks meil selline vanemelement:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Lisame selle vanema lõppu veel ühe lõigu, seades sellele kliki töötleja:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // kliki korral väljastame lõigu teksti
});
parent.appendChild(p);
Antud on ol ja nupp. Tehke nii, et nupu klõpsamisel
ol lõppu lisatakse silt li.
Tehke nii, et mis tahes lisatud
li klõpsamisel kirjutatakse selle teksti lõppu
hüüumärk.
