使用 javascript 实现待办事项列表，无法将值通过 dom 渲染到网页

该待办事项列表应用无法将选中 checkbox 的任务自动归类到已完成，原因是 dom 渲染存在问题。具体问题如下：

代码故障分析

在 javascript 代码中，监听 checkbox 更改事件的条件中，使用了拼写错误的属性名称：

立即学习“Java免费学习笔记（深入）”；

if (target.dataset.from === "todo" && target.tagname === "input") {

此处，from 应拼写为 form：

if (target.dataset.form === "todo" && target.tagname === "input") {

类似地，在其他几个地方也存在同样的拼写错误。

正确代码

以下是修复了拼写错误的正确代码：

// 在这里替换例子的拼写错误

修复后预期结果

修复拼写错误后，选中 checkbox 的任务可以正确归类到已完成。

提示

在编写代码时，保持变量和属性名称的一致性至关重要。拼写错误或命名不当会导致代码出现难以调试的问题。