Dodajanje predvajalnikov dogodkov v zanki v JavaScript
V prejšnji lekciji smo se naučili ustvarjati nove elemente v zanki. Zdaj pa dodajmo predvajalnike dogodkov ob ustvarjanju novih elementov.
Recimo, da imamo spet takšen starševski div:
<div id="parent"></div>
Zaženimo zanko, ki bo našemu
div-u dodala 9 novih odstavkov in nanje dodala
predvajalnik klika:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
// Dodamo predvajalnik klika:
p.addEventListener('click', function() {
console.log(this.textContent);
});
parent.appendChild(p);
}
Podan je div. Zaženite zanko, ki bo
našemu div-u dodala 5 vnosnih polj. Naj bo podan tudi
odstavek. Poskrbite, da bo vsako od novih
vnosnih polj ob izgubi fokusa zapisalo svoje besedilo
v odstavek.
