Tengo este botón de verificación para eliminar elementos de la lista, y cada vez que presiono un elemento de la parte inferior de las listas, lo elimina todo, he intentado usar break pero sigue ejecutándose.

Así es como se ve el código:

 let checkBtns = document.getElementsByClassName('checkbox-round'); for (let i = 0; i < checkBtns.length; i++) { checkBtns[i].addEventListener('click', () => { console.log(`executing for ${i}`); checkBtns[i].parentNode.remove(); tasks.splice(i, 1); break; }); }

Y aquí hay una captura de pantalla del comportamiento en la consola:

• El registro subrayado es el comportamiento esperado normal cuando elimino un nodo que está en la parte superior de la lista
• El registro a continuación es para cuando elimino un nodo en la parte inferior que recursivamente se llama a sí mismo