After appending some div elements with the class "todo" to the parent div with the id "no_status", I encountered an issue. When I console.log the parent div, it shows all child elements with the class "todo". However, when I use querySelectorAll to log all divs with the class "todo", it only displays an array with one element that was present in the HTML before appending more "todo" divs. Thank you for your help.
Javascript:
function addTodo(){
if(todoInput.value.trim()){
let closeBtn = document.createElement("span");
closeBtn.className = "close";
closeBtn.innerHTML = "×";
let newTodo = document.createElement("div");
newTodo.className = "todo";
newTodo.draggable = "true";
newTodo.append(todoInput.value.trim(), closeBtn);
noStatusColumn.append(newTodo);
todoInput.value = "";
modal.style.top = "-50%";
console.log(todoElems);
console.log(noStatusColumn);
}
}