Javascript待办事项列表-我的代码中有什么错误

Javascript To do list - whats wrong in my code?

本文关键字：代码 什么 错误 我的 列表 Javascript      更新时间：2023-09-26

我一直在看一个关于如何制作待办事项列表的教程，到目前为止，我的代码与教程中的代码相同，但仍然不起作用。。我的html（我不必包括etc，因为我是在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"，而在我的代码中，当我点击添加按钮后，什么都不会发生。。

您在这一行有一个拼写错误：

var list = ducument.getElementById("todoList");

它是document，而不是ducument。

看看这个工作小提琴：https://jsfiddle.net/omgtoblerone/h2sL1vu8/

在大多数浏览器中，如果您点击F12，您将看到一个错误控制台。如果你看了控制台，你会看到以下错误：

未捕获引用错误：文件未定义

简单修复！

相关文章：