javascript - 学习 Javascript : adding 2 numbers

Question

我正在学习 javascript 并尝试完成一个简单的练习:将在 2 个单独的输入字段中输入的 2 个数字相加并在页面上显示总和。当您按下按钮时，将执行以下脚本。我不知何故无法解决的问题是加法的结果始终为零。我在这里做错了什么？

    var inputA = document.getElementById("numberA"); 
    var convertA = +inputA;
    var inputB = document.getElementById("numberB");
    var convertB = +inputB;

    function myFunction() {
    document.getElementById("result").innerHTML = convertA + convertB;
    }

Answer 1

需要取文本输入的值。

var inputA = document.getElementById("numberA").value;
//                                             ^^^^^^ 

请将里面的变量移动到函数中，因为 value 属性返回一个字符串而不是对象的引用。

function myFunction() {
    var inputA = document.getElementById("numberA").value; 
    var inputB = document.getElementById("numberB").value;
    var convertA = +inputA;
    var convertB = +inputB;
    document.getElementById("result").innerHTML = convertA + convertB;
}

<input id="numberA" type="text">
<input id="numberB" type="text">
<button onclick="myFunction()">calc</button>
<div id="result"></div>