Die aanheg van gebeurtenishanteerders in 'n lus op JavaScript
In die vorige les het ons geleer hoe om nuwe elemente in 'n lus te skep. Kom ons gaan nou gebeurtenishanteerders aanheg wanneer nuwe elemente geskep word.
Kom ons sê ons het weer die volgende ouer div:
<div id="parent"></div>
Laat ons 'n lus uitvoer wat 9 nuwe paragrawe
aan die einde van ons div sal byvoeg, en 'n
klik-hanteerder daarop sal sit:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
// Heg 'n klik-hanteerder aan:
p.addEventListener('click', function() {
console.log(this.textContent);
});
parent.appendChild(p);
}
Daar is 'n div. Voer 'n lus uit wat
5 invoervelde in ons div sal byvoeg.
Kom ons sê daar is ook 'n paragraaf.
Maak so dat elkeen van die nuwe
invoervelde, wanneer dit fokus verloor,
sy teks in die paragraaf neerskryf.
