html在网页中文本框输入2个数字相加在文本框显示 - JAVA论坛

编程论坛 → 开发语言 → 『 JAVA论坛』 → html在网页中文本框输入2个数字相加在文本框显示

标题：html在网页中文本框输入2个数字相加在文本框显示

只看楼主

qq1274371820

等　级：新手上路
帖　子：149
专家分：0
注　册：2013-11-24
结帖率：75.86%

楼主

已结贴√ 问题点数：20 回复次数：3

html在网页中文本框输入2个数字相加在文本框显示

输出效果如下:

     文本框 + 文本框=undefined
我需要的是:

     1+2=3
这样的

求解为什么还没输入数据文本框就显示为undefined,要怎么改呢

<html>
<head>
</head>

<script type="text/javascript">
function add()
{
    var m=document.getElementById("t1");
    var a1=parseInt(m.value);
    var n=document.getElementById("t2");
    var a2=parseInt(n.value);
    var sum=a1+a2;
    }
    window.onload = function(){
        document.getElementById('t3').value = add();
    }
</script>
<input type="text" id="t1" size=10>
+
<input type="text" id="t2" size=10>
=
<input type="text" id="t3" onClick="add()">
</body>
</html>

2015-11-22 16:05

林月儿

来　自：湖南
等　级：版主
威　望：138
帖　子：2276
专家分：10647
注　册：2015-3-19

第 2 楼

得分:20

程序代码：

<html>
<head>
</head>

<script type="text/javascript">
function add()
{
    var m=document.getElementById("t1");
    var a1=parseInt(m.value);
    var n=document.getElementById("t2");
    var a2=parseInt(n.value);
    return a1+a2;
}
function cal()
{
    document.getElementById('t3').value = add();
}
window.onload = function(){
    document.getElementById('t3').value = add();
}
</script>
<input type="text" value=1 id="t1" size=10>
+
<input type="text" value=2 id="t2" size=10>
=
<input type="text" id="t3" readonly="true">
<input type="button" value="计算" onClick="cal()">
</body>
</html>