应用错误收集

在javascript中添加两个数字

时间：2014-12-21 19:01:00

标签： javascript

我试图将这两个数字添加一个小时，但无法在第三个文本字段中获得结果。请帮我实现这个目标。谢谢。还请告诉我javascript中有没有add（）方法？

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
<style type="text/css">
    #cal{
        border:3px solid green;
        padding: 5px;
        width:250px;
        text-align: center;
    }

</style>
</head>

<body>
    <button onclick="add()" id="button">Add</button>
    <div id="cal">
    <input type="text" value=" " id="num1" size="5">
    +
    <input type="text" value=" " id="num2" size="5">
    =
    <input type="text" value=" " id="sum" size="5"> 
    </div>
<script>
        function add()
    {
        var a = document.getElementById("num1").value;
        var b = document.getElementById("num2").value;
        var ans =  a + b ;
        document.getElementById("sum").value = ans;
    }
</script>

</body>
</html>

2 个答案:

答案 0 :(得分：1)

输入值是字符串而不是数字。您必须使用函数parseInt（）将整数或parseFloat（）转换为数字，如果它们恰好是十进制数字：

var a = parseFloat(document.getElementById("num1").value);
var b = parseFloat(document.getElementById("num2").value);
var ans = a + b;
document.getElementById("sum").value = ans;

答案 1 :(得分：1)

检查此 `demo`

使用JavaScript Number()功能

function add(){
    var a = document.getElementById("num1").value;
    var b = document.getElementById("num2").value;
    var ans =  Number(a) + Number(b) ;
    document.getElementById("sum").value = ans;
}