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>