我不能用 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>

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

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>

Answer 2

您实际上存储的是输入的第一个值，默认为 0。

将变量更改为对元素的引用。然后在用户按下按钮时访问这些值。

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

function sum() {
  var result = parseInt(num1.value) + parseInt(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>

Answer 3

您必须将 num1 和 num2 变量放入求和函数中，因为每次您要计算总和时，您的脚本都应该读取 num1 和 num2 值。

 function sum() {
      var num1 = Number(document.getElementById("n1").value);
      var num2 = Number(document.getElementById("n2").value);
      var result = num1 + num2;
      console.log(result);
    }

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

I can't do a simple calculator with javascript

html

javascript

input

calculator

button