附录Click只会添加Div一次

Question

我正在做一个时间表，要做列表网站。因此，我基本上为每个时间表块添加了DIV。我已经在yt上使用了本教程（ https://youtu.be/mkesyvb4ouw ）用于timetable块。 （在24:03）因此，在html中，有一个形式的输入，他为其使用常数“形式”并使用addeventListener提交。我已经使用了这个，我所有的时间表块都可以正常工作。我可以添加多个块，一切都很好。

之后，我做了一个要做 /目标部分，我决定将“形式”纳入自己的手中。所以我做到了：

// I tried const and var and the same thing happened
const todoAdd = document.querySelector("#new-todo");   // This is the button
const weekDiv = document.querySelector("#week-divs");

const todoDiv = document.createElement('div');
todoDiv.classList.add("todo-div");

这是我在时间块上所做的，它奏效了，然后我补充说：

todoAdd.onclick = function(){
  weekDiv.appendChild(todoDiv);
}

当我这样做时，div是添加一次，仅此而已。如果我继续单击DIV，则会一次又一次地更换。

Answer 1

我在中间编写了这一点。因为当AddEventListener启动该表单时，那是我完成所有附加的时间。因此，简单的解决方案就是简单地在功能中添加创建元素。

  todoAdd.onclick = function(){
    const todoDiv = document.createElement('div');
    todoDiv.classList.add("todo-div");
    
    weekDiv.appendChild(todoDiv);
  }

如果我对它实际上只有一次不起作用，我可能会更早意识到这一点。我以为缺少一些简单的错误。我猜它只会附加一次，因为它仅读取一次，而在OnClick函数或AddeventListener中，它总是循环并重新阅读它吗？那是我的想法。希望这对某人有帮助。