Javascript 如何为简单计算器传递用户输入

我是自学JavaScript的，对于如何将用户输入作为参数传递，我有点困惑。我仍然有Python的心态，这就是为什么我认为我在挣扎。感谢您的帮助

函数用户输入（num1，num2）{
var num1=parseInt（document.getElementById（“number1”）.value）；
var num2=parseInt（document.getElementById（“number2”）.value）；
返回num1，num2；
}
功能添加（num1、num2）{
document.getElementById（“结果”）.innerHTML=（num1+num2）；
警惕（“您的答案是”+（num1+num2））；
返回加法；
}

1号：2号：
结果是：

您需要在

加法

中获取值，而不需要

用户输入

功能。以下是您的更新代码：

函数添加（）{
var num1=parseInt（document.getElementById（“number1”）.value）；
var num2=parseInt（document.getElementById（“number2”）.value）；
var sumOfNumbers=num1+num2；
document.getElementById（“结果”）.innerHTML=sumofNumber；
警惕（“您的答案是“+sumofNumber”）；
}

1号：2号：
结果是：

您需要在

加法

中获取值，而不需要

用户输入

功能。以下是您的更新代码：

函数添加（）{
var num1=parseInt（document.getElementById（“number1”）.value）；
var num2=parseInt（document.getElementById（“number2”）.value）；
var sumOfNumbers=num1+num2；
document.getElementById（“结果”）.innerHTML=sumofNumber；
警惕（“您的答案是“+sumofNumber”）；
}

1号：2号：
结果是：

创建一个按钮并调用add函数

函数添加（num1，num2）{
var num1=parseInt（document.getElementById（“number1”）.value）；
var num2=parseInt（document.getElementById（“number2”）.value）；
加法（num1，num2）
返回num1，num2；
}
功能添加（num1、num2）{
document.getElementById（“结果”）.innerHTML=（num1+num2）；
警惕（“您的答案是”+（num1+num2））；
返回加法；
}

添加

创建一个按钮并调用add函数

函数添加（num1，num2）{
var num1=parseInt（document.getElementById（“number1”）.value）；
var num2=parseInt（document.getElementById（“number2”）.value）；
加法（num1，num2）
返回num1，num2；
}
功能添加（num1、num2）{
document.getElementById（“结果”）.innerHTML=（num1+num2）；
警惕（“您的答案是”+（num1+num2））；
返回加法；
}

添加

使用事件侦听器执行此操作的不同方法。在我看来，这看起来有点干净。只是给你另一个选择

---

JSFIDLE:使用事件侦听器执行此操作的不同方法。在我看来，这看起来有点干净。只是给你另一个选择

---

JSFIDLE：好的，我之前有过类似的东西，但后来我认为我可以简化它，并将num1和num2传递到参数中以缩短代码。所以，在这个简单的代码中根本不应该使用参数？好的，我之前有过类似的东西，但后来我认为我可以简化它，并将num1和num2传递到参数中以缩短代码。那么，这个简单的代码根本不应该使用参数？

<form name="calculator">
 Number 1: <input type="text" id="number1"> Number 2: <input type="text" 
 id="number2">

 <input type="button" id="add" value="ADD">
 <input type="button" value="SUB" onclick="javaScript:subtraction()">
 <input type="button" value="MUL" onclick="javaScript:multiply()">
 <input type="button" value="DIV" onclick="javaScript:division()">
 <input type="button" value="MOD" onclick="javaScript:modulus()">

</form>

<p>The result is: <br>
 <span id="result"></span>
</p>

document.getElementById("add").addEventListener("click", function(){
var num1 = parseInt(document.getElementById("number1").value);
var num2 = parseInt(document.getElementById("number2").value);
document.getElementById("result").innerHTML = (num1+num2);
});