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

【问题标题】：HTML and Javascript making a simple addition calculatorHTML 和 Javascript 制作一个简单的加法计算器
【发布时间】：2019-11-06 21:02:00
【问题描述】：

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

【问题讨论】：

检查控制台 - 您的代码将抛出错误，因为您输入错误（或记错了）getElementById 方法。并且请将代码发布为代码，而不是图像（更不用说图像的链接）。
1.没有getElementsById 方法，因为它并不意味着有两个具有相同id 的元素。只有getElementById，它返回一个元素（不是数组）。 2. 请不要将您的代码发布为图片.

标签： javascript html input addition

【解决方案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>

【讨论】：