js如何加个重置按钮

如何在 JavaScript 中添加重置按钮

在 JavaScript 中，可以通过以下步骤添加一个重置按钮：

1. 创建按钮元素

   const resetButton = document.createElement("button");
2. 设置按钮属性
3. 为按钮设置类型为“重置”，使其成为重置按钮：

resetButton.type = "reset";

resetButton.innerText = "重置"; // 纯文本

1. 添加按钮事件监听器
2. 当按钮被单击时，重置表单（例如，清除所有输入）：

resetButton.addEventListener("click", function(e) {  e.preventDefault();  document.querySelector("form").reset();});

1. 将按钮添加到表单
2. 将重置按钮追加到要重置的表单中：

document.querySelector("form").appendChild(resetButton);

就这样，您已经成功地在 JavaScript 中添加了一个重置按钮。当按钮被单击时，它将重置表单，清除所有输入并将其恢复到其初始状态。