Wie binde ich Event-Handler an dynamisch erstellte Elemente in JavaScript?

Hallo zusammen! Ich bin neu in JavaScript und habe ein Problem, das ich einfach nicht lösen kann.\n\nIch habe eine Aufgabenliste (To-Do-Liste). Der Benutzer kann über ein Formular neue Elemente hinzufügen. Jedes Listenelement soll einen "Löschen"-Button enthalten, um eine bestimmte Aufgabe entfernen zu können. Das Problem ist, dass der Click-Handler auf den "Löschen"-Button nicht funktioniert, wenn ich ein neues Listenelement dynamisch über JavaScript hinzufüge (z.B. mit `innerHTML` oder `createElement`). Die Handler funktionieren nur für die Elemente, die ursprünglich im HTML vorhanden waren.\n\nHier ist ein vereinfachter Code, der das Problem zeigt:\n\n```html\n

\n
• Aufgabe 1 Löschen
\n
• Aufgabe 2 Löschen
\n

\n

0 Antworten