Įvykių pririšimas pridedant elementus

Dabar, pridedant elementus, pririškime prie jų įvykių apdorotojus.

Tarkime, pavyzdžiui, kad turime tokį tėvinį elementą:

html<div id="parent">
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>

Pridėkime į šio tėvinio elemento galą dar vieną pastraipą, nustatydami jai paspaudimo apdorotoją:

javascriptlet parent = document.querySelector('#parent');

let p = document.createElement('p');
p.textContent = '!';

p.addEventListener('click', function() {
  console.log(this.textContent); // paspaudus atspausdinsime pastraipos tekstą
});

parent.appendChild(p);
Задание 1

Duotas ol ir mygtukas. Padarykite taip, kad paspaudus mygtuką į ol galą būtų pridėtas li žymė. Padarykite taip, kad paspaudus bet kurį iš pridėtų li į jo teksto galą būtų įrašytas šauktukas.