<分区>
我一直在观看有关如何制作待办事项列表的教程，到目前为止，我的代码与教程中的代码完全相同，但仍然无法正常工作 - 我一直在关注代码，但无法理解出为什么.. 我的 html(我不必包含等，因为我是在 codepen 上编写代码的(javascript、html 和 css 已经被组合):
<body>
<h1>To Do List</h1>
<p><button id="add">Add</button></p>
<ul id="todoList"></ul>
</body>
Javascript:
function addNewItem(){
var listItem = document.createElement ("li");
listItem.innerText = "hello";
var list = ducument.getElementById("todoList");
list.appendChild(listItem);
}
var btnNew = document.getElementById("add");
btnNew.onclick = addNewItem;
在本教程中，相同的代码有效，当您单击添加按钮时，将显示“hello”，而在我的代码中，当我单击添加按钮时没有任何反应。