使用 JavaScript 实现一个 Todo List,如何将值通过 DOM 渲染到网页
<h3>问题描述</h3>
通过点击复选框,正在进行的任务无法自动归类到已完成,该功能由 DOM 实现。
<h3>解决方案</h3>
你遇到的问题可能是由于以下代码中拼写错误引起的:
if (target.dataset.from === "todo" && target.tagName === "INPUT")
应该将其修改为:
if (target.dataset.form === "todo" && target.tagName === "INPUT")
将所有 from 替换为 form 即可解决问题。
正确的代码如下:
// ... contentDom.addEventListener("change", (event) => { let target = event.target; if (target.dataset.form === "todo" && target.tagName === "INPUT") { // ... } else if (target.dataset.form === "done" && target.tagName === "INPUT") { // ... } }; // ...