Javascript getElementById（“string”）。HTML表单输入的值

我想在按下calculate按钮时为第1轮和第2轮添加用户输入值，但它不会检索我“通过id获取”的输入字段的值

My script.js文档已链接到html文档底部的。 我对JS做了一些更新

---

从DOM读取的值是字符串，

+

将充当字符串连接运算符。将字符串转换为数字。不仅如此，您还在

add（）

中使用

return

。它应该是

var

。当DOM准备就绪时，代码应该运行，或者在

DOMContentLoaded

中包装代码，或者将

移动到

的末尾。请注意，在fiddle中，我选择了

No Wrap-

选项来加载脚本。我认为不需要整数转换。在计算try之前，您将从方法的第一行返回

var roundOne = document.getElementById("roundOne").value;
var roundTwo = document.getElementById("roundTwo").value;

function add() {
    var total = roundOne + roundTwo;
    document.querySelector(".total").textContent = total;
}