表单上的重置按钮不适用于javascript

Question

当"；重置"；按钮被点击。下面是我尝试使用的代码，重置按钮不会重置任何内容。非常感谢。

<form id="todoForm">
<input type="text" id="todoInput" placeholder="Input new note..">
<input type="text" id="description" placeholder="Input description..">
<button type="button" id="button" onclick="todoList()">Submit</button>
<button type="button" id="reset" onclick="resetForm()">Reset</button>
</form>
<ol id="todoList">
</ol>

function todoList() {
var item = document.getElementById("todoInput").value
var text = document.createTextNode(item)
var addItem = document.createElement("li")
addItem.appendChild(text)
document.getElementById("todoList").appendChild(addItem)
var item = document.getElementById("description").value
var text = document.createTextNode(item)
var addItem = document.createElement("p")
addItem.appendChild(text)
document.getElementById("todoList").appendChild(addItem)
}
function resetForm() {
document.getElementById(todoList).reset();
}

Answer 1

不要添加重置按钮

假设这是一个todo应用程序，用户可以在创建后删除它。添加重置按钮可能不会为用户提供太多价值，相反，它很可能会让那些误点击它的用户感到沮丧。