javascript - 如何传递用户输入的简单计算器

Question

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

function userInput(num1, num2) {
  var num1 = parseInt(document.getElementById("number1").value);
  var num2 = parseInt(document.getElementById("number2").value);

  return num1, num2;
}



function addition(num1, num2) {
  document.getElementById("result").innerHTML = (num1 + num2);
  alert("Your answer is " + (num1 + num2));
  return addition;
}

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

  <input type="button" value="ADD" onclick="javaScript:addition()">
  <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>

Answer 1

您需要获取addition中的值，并且不需要userInput函数。以下是为您更新的代码:

function addition() {
  var num1 = parseInt(document.getElementById("number1").value);
  var num2 = parseInt(document.getElementById("number2").value);
  var sumOfNumbers = num1 + num2;
  document.getElementById("result").innerHTML = sumOfNumbers;
  alert("Your answer is " + sumOfNumbers);
}

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

  <input type="button" value="ADD" onclick="javaScript:addition()">
  <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>