以HTML显示计算结果（javascript）

我试图从html中获取两个数字，并使用javascript返回这两个数字的和，但我的num1和num2包含HTMLInputElement

html:

---

您不是在分析和添加来自这两个输入的

值

，而是

对象

本身。因为当您将

对象

与

null

进行比较时，您的

if

语句块将永远不会运行。此外，您不能设置

输入

的

内部HTML

，必须使用

。value

检查下面的代码段

parseFloat(x) //you must parseFloat(x.value),

document.getElementById("tb3").value = total; //you have to use .value instead of .innerHTML with input

函数validateForm（）{
var x=document.getElementById（“tb1”）.value；
var y=document.getElementById（“tb2”）.value；
如果（x==null | | x==“”| | y==null | | y==“”）{
警报（“值不能为空”）；
返回false；
}否则{
//myAdd（x，y）；
var num1=parseFloat（x）；
var num2=parseFloat（y）；
var总计=num1+num2；
document.getElementById（“tb3”）。值=总计；
}
}

值1：

值2：

结果：


转到

function validateForm() {
    var x = document.getElementById("tb1");
    var y = document.getElementById("tb2");
    if (x == null || x == "" || y == null || y == "")
    {
        alert("Value cannot be empty");
        return false;
    }
    else {
        //myAdd(x,y);
        alert(x + y);
        var num1 = parseFloat(x);
        var num2 = parseFloat(y);
        var total = num1 + num2;
        document.getElementById("tb3").innerHTML = total;
    }
}

parseFloat(x) //you must parseFloat(x.value),

document.getElementById("tb3").value = total; //you have to use .value instead of .innerHTML with input