Javascript中if语句的问题
此代码是一个简单的待办事项列表 我想让函数InputCheck()检查输入栏中是否有值。如果栏为空,我希望函数不执行Javascript中if语句的问题,javascript,function,if-statement,Javascript,Function,If Statement,此代码是一个简单的待办事项列表 我想让函数InputCheck()检查输入栏中是否有值。如果栏为空,我希望函数不执行addTodo-函数。对于这样的代码,即使输入有一个值,它也不会执行函数。我不知道是什么导致它,也没有收到任何错误。有什么想法吗?提前谢谢 const listButton = document.getElementById("ListButton"); const myList = document.getElementById("MyList&qu
addTodo
-函数。对于这样的代码,即使输入有一个值,它也不会执行函数。我不知道是什么导致它,也没有收到任何错误。有什么想法吗?提前谢谢
const listButton = document.getElementById("ListButton");
const myList = document.getElementById("MyList");
const deleteButton = document.getElementById("Delete");
const doneButton = document.getElementById("Done");
listButton.addEventListener("click", InputCheck);
function InputCheck() {
var input = document.getElementById("textValue").value;
if (input == "") {
} else {
addTodo;
}
}
function addTodo(event) {
event.preventDefault();
const toDoDiv = document.createElement("div");
const newListItem = document.createElement("li");
newListItem.innerHTML = document.getElementById("textValue").value;
toDoDiv.appendChild(newListItem);
toDoDiv.classList.add("ToDo-Div");
const deleteButton = document.createElement("button1");
deleteButton.classList.add("delete-btn");
deleteButton.innerHTML =
'<button id ="Delete" class="button">Delete</button>';
toDoDiv.appendChild(deleteButton);
const doneButton = document.createElement("button1");
doneButton.classList.add("done-btn");
doneButton.innerHTML = '<button id ="Done" class="button1">Done</button>';
toDoDiv.appendChild(doneButton);
myList.appendChild(toDoDiv);
}```
const listButton=document.getElementById(“listButton”);
const myList=document.getElementById(“myList”);
constdeletebutton=document.getElementById(“删除”);
const doneButton=document.getElementById(“完成”);
listButton.addEventListener(“单击”,输入检查);
函数InputCheck(){
var输入=document.getElementById(“textValue”).value;
如果(输入==“”){
}否则{
addTodo;
}
}
函数addTodo(事件){
event.preventDefault();
const toDoDiv=document.createElement(“div”);
const newListItem=document.createElement(“li”);
newListItem.innerHTML=document.getElementById(“textValue”).value;
toDoDiv.appendChild(新列表项);
toDoDiv.classList.add(“ToDo Div”);
const deleteButton=document.createElement(“button1”);
deleteButton.classList.add(“deletebtn”);
deleteButton.innerHTML=
“删除”;
toddiv.appendChild(删除按钮);
const doneButton=document.createElement(“button1”);
doneButton.classList.add(“donebtn”);
doneButton.innerHTML='Done';
toDoDiv.appendChild(doneButton);
myList.appendChild(托多迪夫);
}```
只是一个粗心的错误,您忘记调用函数了<代码>addTodo(事件)代码>是正确的方法。
您可能希望将事件作为参数包含在InputCheck
方法中,如
函数输入检查(事件){…}
每当侦听器调用此处理程序时,关联的事件将传递到该方法中