¿Cómo vincular manejadores de eventos a elementos creados dinámicamente en JavaScript?

¡Hola a todos! Soy nuevo en JavaScript y me encontré con un problema que no puedo resolver. Tengo una lista de tareas (lista de cosas por hacer). El usuario puede agregar nuevos elementos a través de un formulario. Cada elemento de la lista debe contener un botón "Eliminar" para poder eliminar una tarea específica. El problema es que cuando agrego un nuevo elemento de lista dinámicamente a través de JavaScript (por ejemplo, usando `innerHTML` o `createElement`), el manejador de clic en el botón "Eliminar" no funciona. Los manejadores solo funcionan para aquellos elementos que estaban en el HTML originalmente. Aquí hay un código simplificado que demuestra el problema: ```html

• Tarea 1 Eliminar
• Tarea 2 Eliminar

Agregar tarea ``` ```javascript // Manejador para los botones de eliminar document.querySelectorAll('.delete-btn').forEach(btn => { btn.addEventListener('click', function() {