javascript - 我不能用javascript做一个简单的计算器

Question

我想做一个简单的计算器，只需将两个数字相加

var num1 = Number(document.getElementById("n1").value);
var num2 = Number(document.getElementById("n2").value);

function sum() {
  var result = num1 + num2;
  console.log(result);
}

<input type="text" id="n1">
<input type="text" id="n2">
<button id="btn" onclick="sum();">Submit</button>
<script src="javascript.js"></script>

当我运行它并添加两个值并按下按钮时，它在控制台中返回 0

标签： javascripthtmlbuttoninputcalculator

Answer 1

在您的代码中，您在用户更改它们之前检索值。

var num1 = document.getElementById("n1");
var num2 = document.getElementById("n2");

function sum() {
  var result = Number(num1.value) + Number(num2.value);
  console.log(result);
}

<input type="text" id="n1">
<input type="text" id="n2">
<button id="btn" onclick="sum();">Submit</button>
<script src="javascript.js"></script>