Atasarea handler-elor în buclă în JavaScript
În lecția precedentă am învățat să creăm elemente noi în buclă. Să atașăm acum handler-e de evenimente la crearea elementelor noi.
Să presupunem că avem din nou acest div părinte:
<div id="parent"></div>
Să rulăm o buclă care va adăuga la sfârșitul
div-ului nostru 9 paragrafe noi, atașându-le
un handler de click:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
// Atașăm handler-ul de click:
p.addEventListener('click', function() {
console.log(this.textContent);
});
parent.appendChild(p);
}
Este dat un div. Rulați o buclă care va adăuga
în div-ul nostru 5 input-uri. Să fie dat și un
paragraf. Faceți ca fiecare dintre noile
input-uri la pierderea focusului să își scrie textul
în paragraf.
