如何清除表单中的信息

Question

我正在做我的第一个javascript应用程序(某种计算器，你可以写2个数字，然后加、减、乘、除(我想做一个按钮，让你清除你键入的数字，我在网上搜索过，但找不到确切的方法；我的代码是：

function addBy() {
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = +num1 + +num2;
}
function substractBy() {
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = +num1 - +num2;
}
function multiplyBy() {
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 * num2;
}
function divideBy() {
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 / num2;
}
function clear() {
document.getElementById("result").innerHTML = "";
}

<form>
1st Number : <input type="number" id="firstNumber" /><br> 
2nd Number: <input type="number" id="secondNumber" /><br>
<input type="button" onClick="addBy()" value="Add" /><br>
<input type="button" onClick="substractBy()" value="Substract" /><br>
<input type="button" onClick="multiplyBy()" Value="Multiply" /><br>
<input type="button" onClick="divideBy()" Value="Divide" /><br>
<input type="button" onClick="clear()" value="Clear" /><br>
</form>

有人能帮忙吗？

Answer 1

因为您的目标似乎是在这里拥有类似计算器的功能，所以clear()函数只需要清除页面上的输入以及结果。

与获取firstNumber和secondNumber的值类似，也可以将这些值设置为空字符串。

function clear() {
document.querySelector("#firstNumber").value = "";
document.querySelector("#secondNumber").value = "";
document.querySelector("#result").innerHTML = "";
}

Answer 2

如果只想清除输入

输入类型重置可以做到这一点，只需添加

<input type="reset" value="Clear"/>

或

<button type="reset">Clear</button>

在你的表单上，每当有人点击它时，它都会清除用户的所有输入。

JavaScript方法作为函数

function clear() {
document.getElementById('#form-id').reset();
}

如果要清除输入和结果

Javascript函数

function clear() { 
document.getElementById('#firstNumber').value = ''; 
document.getElementById('#secondNumber').value = ''; 
document.getElementById('#result').innerHTML = '';
}

我希望它能起作用。