Comment attacher des gestionnaires d'événements à des éléments créés dynamiquement en JavaScript?

Bonjour à tous! Je suis débutant en JavaScript et j'ai rencontré un problème que je n'arrive pas à résoudre. J'ai une liste de tâches (to-do list). L'utilisateur peut ajouter de nouveaux éléments via un formulaire. Chaque élément de la liste doit contenir un bouton "Supprimer" pour pouvoir supprimer une tâche spécifique. Le problème est que lorsque j'ajoute un nouvel élément de liste dynamiquement via JavaScript (par exemple, en utilisant `innerHTML` ou `createElement`), le gestionnaire de clic sur le bouton "Supprimer" ne fonctionne pas. Les gestionnaires ne fonctionnent que pour les éléments qui étaient initialement dans le HTML. Voici un code simplifié qui illustre le problème: ```html

• Tâche 1 Supprimer
• Tâche 2 Supprimer

Ajouter une tâche ``` ```javascript // Gestionnaire pour les boutons de suppression document.querySelectorAll('.delete-btn').forEach(btn => { btn.addEventListener('click', function() {