Event Binding beim Einfügen von Elementen
Lassen Sie uns nun beim Einfügen von Elementen Event-Handler an sie binden.
Nehmen wir zum Beispiel an, wir haben dieses übergeordnete Element:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Fügen wir am Ende dieses übergeordneten Elements einen weiteren Absatz hinzu und setzen einen Klick-Handler dafür:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // beim Klick geben wir den Text des Absatzes aus
});
parent.appendChild(p);
Gegeben sind ein ol und ein Button. Sorgen Sie dafür, dass beim Klick
auf den Button am Ende des ol ein li-Tag hinzugefügt wird.
Sorgen Sie dafür, dass beim Klick auf eines der
hinzugefügten li am Ende seines Textes ein
Ausrufezeichen hinzugefügt wird.
