Recibo el error "Error al ejecutar 'appendChild' en 'Nodo': el parámetro 1 no es del tipo 'Nodo'" cuando trato de arrastrar un elemento de lista que creé. ¿Alguna razón de por qué sucede esto?
// === add new task === // document.getElementById("create-btn").addEventListener("click", function () { let ul = document.querySelector(".task-list"); let li = document.createElement("li"); ul.classList.add("task-list"); li.classList.add("task"); let taskForm = document.getElementById("task-form"); li.appendChild(document.createTextNode(taskForm.value)); ul.appendChild(li); }); // dragging containers.forEach((container) => { container.addEventListener("dragover", (e) => { e.preventDefault(); const afterElement = getDragAfterElement(container, e.clientY); const draggable = document.querySelector(".dragging"); if (afterElement == null) { container.appendChild(draggable); } else { container.insertBefore(draggable, afterElement); } }); });