HTML和Javascript制作一个简单的加法计算器

Question

我正在尝试制作一个简单的加法计算器。您将两个值放入框中并单击“+”号，第三个框显示总和。然而，看起来一切对我来说都是正确的，但是当我点击 + 号时没有任何反应

Answer 1

首先您应该将 getElementsById() 更改为 getElementById() 因为每个元素只有一个 id。

<input type="text" id="box1"><br/>
<input type="text" id="box2"><br/>
<input type="text" id="+"><br/>
<input type="button" value="+" onclick="calcSum()"><br/>

<script>
function calcSum(){
let box1 = document.getElementById("box1").value;
let box2 = document.getElementById("box2").value;
let sum = Number(box1) + Number(box2);
document.getElementById("+").value = sum;
}
</script>