如何检查元素是否已存在，然后在用户输入后创建另一个元素

Question

我正在创建一个To-Do-List应用程序。在用户输入类似“洗衣服”之类的东西之后，ul似乎显示它在待办事项列表中。但是当您第二次单击它时，该按钮不再起作用。如何在第一次再次单击按钮后确保用户可以创建另一个将创建新ul的条目。

//this shows the ul
document.getElementById("add").addEventListener("click", function() {

  var exist = document.getElementById("todo").style.display = "block";
  document.getElementById("item").value = "";  //this is the input for entry
 }
//Here I want to create another one after user input
 if(exist=true) {
  document.createElement("ul") or just something like console.log("Found!");
    }
  //i get the error "exist" is not defined

Answer 1

您正在使用exist变量。尝试删除var。像这样：

exist = document.getElementById("todo").style.display = "block";

此外，在IF语句中，您应该始终放置==或===，但不要放=。这将导致分配变量，而不是进行比较。