Javascript 单击后清除输入数据

我想在单击按钮后清除输入字段。我尝试了几种方法，但没有清除输入字段。它每次都显示上一个值

函数addTodo（）{
var todoItem=document.getElementById（“todo项”）.value；
如果（todoItem==“”）{
警报（“请输入任务”）；
}否则{
var li=document.createElement（“li”）；
var liText=document.createTextNode（todoItem）；
li.appendChild（liText）；
表1.儿童（李）；
var editBtn=document.createElement（“i”）；
setAttribute（“onclick”、“editTodo（this）”）；
editBtn.setAttribute（“类”，“fa-pencil-square-o”）；
li.appendChild（editBtn）；
var deleteBtn=document.createElement（“i”）；
deleteBtn.setAttribute（“类”、“fa-remove”）
setAttribute（“onclick”，“deleteTodo（this）”）；
li.appendChild（deleteBtn）；
todoItem.value=“”；
}
}

---

todoItem

不是输入元素，而是保存了它的值

实际上，您应该缓存该元素，然后使用它或修改它的数据，请注意以下几点：

函数addTodo（）{
var todoItem=document.getElementById（“todo项”）；
var todoItemValue=todoItem.value；
如果（todoItemValue==“”）{
警报（“请输入任务”）；
}否则{
var li=document.createElement（“li”）；
var liText=document.createTextNode（todoItemValue）；
li.appendChild（liText）；
表1.儿童（李）；
var editBtn=document.createElement（“i”）；
setAttribute（“onclick”、“editTodo（this）”）；
editBtn.setAttribute（“类”，“fa-pencil-square-o”）；
li.appendChild（editBtn）；
var deleteBtn=document.createElement（“i”）；
deleteBtn.setAttribute（“类”、“fa-remove”）
setAttribute（“onclick”，“deleteTodo（this）”）；
li.appendChild（deleteBtn）；
todoItem.value=“”；
}
}

我尝试了您的代码，但它没有清除输入字段。这不是我的代码。这是您的代码@WaqasUmer，我只是修复了它。是的，我的意思是您修复的代码没有解决我的问题。@WaqasUmer，我发送了一个新的编辑，尝试此操作从

var todoItem=…

中删除

值，并将其放置在
if（todoItem.here==“”）…
中。
function addTodo() {
    var todoItem = document.getElementById("todo-item").value;
    if (todoItem === "") {
        alert("Please enter task");
    } else {
        var li = document.createElement("li");
        var liText = document.createTextNode(todoItem);
        li.appendChild(liText);
        list.appendChild(li);
    
        var editBtn = document.createElement("i");
        editBtn.setAttribute("onclick", "editTodo(this)");
        editBtn.setAttribute("class", "fa fa-pencil-square-o");
        li.appendChild(editBtn);
    
        var deleteBtn = document.createElement("i");
        deleteBtn.setAttribute("class", "fa fa-remove")
        deleteBtn.setAttribute("onclick", "deleteTodo(this)");
        li.appendChild(deleteBtn);

        document.getElementById("todo-item").value = "";
    }

}