Javascript 为什么addEventListener不会在单击时触发该方法？

我正在创建一个简单的待办事项列表。addEventListener（）应该触发方法

addToDo

，并创建一个新的div，在其中添加列表

但是该方法不会被触发，也不会添加div。尝试了来自和其他问题的解决方案，但似乎无法解决问题

const-todoInput=document.querySelector（'.todo-input'）；
const todoButton=document.querySelector（“.todo按钮”）；
const todoList=document.querySelector（'.todo list'）；
//事件侦听器
addEventListener（'click'，addToDo，false）；
//功能
函数addToDo（事件）{
event.preventDefault（）；
//托多分区
const todoDiv=document.createElement（'div'）；
todoDiv.classList.add（'todo'）；
//创建

const newToDo=document.createElement（'li'）；
newToDo.innerText='hey'；
newToDo.classList.add（'todo-item'）；
托多迪夫·阿佩奇尔德（纽托多）；
}

它被触发。您只是看不到任何更改，因为新创建的

todoDiv

没有装载到任何位置

不要附加到

todoDiv

中，而是尝试附加到

todoList

函数addToDo（事件）{
event.preventDefault（）；
//创建

const newToDo=document.createElement（'li'）；
newToDo.innerText='hey'；
newToDo.classList.add（'todo-item'）；
托多利斯特·阿佩奇尔德（纽托多）；
}

您从未将新创建的todo附加到您包含的代码中的

todoList

。此外，

li

适用于

ul

，而不适用于

div

。