Event-Handler in Schleifen in JavaScript
In der vorherigen Lektion haben wir gelernt, wie man neue Elemente in einer Schleife erstellt. Lassen Sie uns nun Ereignis-Handler beim Erstellen neuer Elemente hinzufügen.
Nehmen wir an, wir haben wieder diesen Eltern-Div:
<div id="parent"></div>
Starten wir eine Schleife, die am Ende unseres
Divs 9 neue Absätze hinzufügt und ihnen
einen Klick-Handler hinzufügt:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
// Klick-Handler hinzufügen:
p.addEventListener('click', function() {
console.log(this.textContent);
});
parent.appendChild(p);
}
Gegeben ist ein Div. Starten Sie eine Schleife, die
unserem Div 5 Inputs hinzufügt. Gegeben sei auch
ein Absatz. Sorgen Sie dafür, dass jeder der neuen
Inputs bei Fokusverlust seinen Text in den Absatz
schreibt.
