Recién estoy comenzando con javascript y estoy tratando de crear una aplicación To-Do. Mi problema es que tengo un botón Borrar todo que, cuando se hace clic, elimina todas las tareas de la lista. Y para que funcione, he escrito esta función (ver más abajo).
function clearAll(e){ e.preventDefault() let allItems = todoList.childNodes allItems.forEach(function(item){ todoList.removeChild(item) }) }
lista de quehaceres
es un elemento ul al que se añaden dinámicamente divs(tasks). El resultado es que obtengo elementos alternativos eliminados cuando hago clic en el botón. ¿Cómo puedo solucionar esto?
La siguiente función removeAllChildNodes()
elimina todos los nodos secundarios de un nodo:
function removeAllChildNodes(parent) { while (parent.firstChild) { parent.removeChild(parent.firstChild); } } const container = document.querySelector('#container'); removeAllChildNodes(container)
¡No necesita todas estas cosas complejas cuando simplemente puede eliminar el innerHTML
!
todoList.innerHTML = ""