在 JavaScript 中移动 TodoList 中的“正在进行”任务如何解决？

发布日期： 2024-10-22 阅读量： 作者： 网络

在 javascript 中移动 todolist 中的“正在进行”任务如何解决？

javascript 中使用 dom 更新 todolist

在您的问题中，您遇到了在使用 javascript 通过 dom 更新 todolist 时遇到困难的问题。具体来说，您无法将“正在进行”的任务移动到“已完成”部分。

问题原因

在您提供的 javascript 代码中，拼写错误导致“正在进行”任务无法移动到“已完成”部分。您在事件侦听器和数据属性中拼写了“form”而不是“from”。

解决方案

将代码中的所有“form”拼写替换为“from”。修改后的代码如下：

contentdom.addeventlistener("change", (event) => {
  let target = event.target;
  if (target.dataset.from === "todo" && target.tagname === "input") {
    let index = +target.dataset.index;
    // 删除这一项
    let value = data.todoarr.splice(index, 1)[0];
    // 添加到已完成
    data.donearr.push(value);
    render(data);
  } else if (target.dataset.from === "done" && target.tagname === "input") {
    let index = +target.dataset.index;
    let value = data.donearr.splice(index, 1)[0];
    data.todoarr.push(value);
    render(data);
  }
});

# bing # yy

上一篇: 如何调试 PHP 函数中的引用问题

下一篇: C++ lambda 表达式对函数调用约定的影响

在 JavaScript 中移动 TodoList 中的“正在进行”任务如何解决？

随便看看