Legarea evenimentelor la inserarea elementelor
Să legăm acum manipulatoare de evenimente la elementele inserate.
Să presupunem, de exemplu, că avem următorul element părinte:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Să adăugăm un alt paragraf la sfârșitul acestui părinte, setându-i un manipulator de click:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // la click vom afișa textul paragrafului
});
parent.appendChild(p);
Sunt date un ol și un buton. Faceți ca la click
pe buton să se adauge un tag li la sfârșitul ol.
Faceți ca la click pe oricare dintre
li adăugate, să se adauge un semn de exclamare
la sfârșitul textului său.
