设计HTML和JavaScript程序,要求在文本框中输入三个数字,按下查询按钮以后,利用alert输出三个数字之和

图片说明

2个回答

index.html文件内容
<!DOCTYPE html>









    <input id="sum" type="button" value="测试" />
</body>

index.js文件内容
function sum() {
var button = document.getElementById("sum");
alert("abc");
button.onclick = function() {
var num1 = document.getElementById("num1");
var num2 = document.getElementById("num2");
var num3 = document.getElementById("num3");

    alert("三个数字之和为:" + (parseInt(num1.value) + parseInt(num2.value) + parseInt(num3.value)));
}

}

function addLoadEvent(func) {
var oldLoad = window.oldLoad;
if (typeof oldLoad != 'function') {
window.onload = func;
} else {
window.oldLoad = function() {
oldLoad();
func();
}
}
}

addLoadEvent(sum);

qq_15682815
qq_15682815 回复double白: <body> <input id="num1" type="number" /> <input id="num2" type="number" /> <input id="num3" type="number" /> <input id="sum" type="button" value="测试" /> </body>
5 个月之前 回复
weixin_43458729
Kkkkkkkkkkkkkkkk% 可以看一下代码截屏吗?上传的文字代码怪怪的
5 个月之前 回复
weixin_43458729
Kkkkkkkkkkkkkkkk% body部分是不是漏了些?
5 个月之前 回复

```<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript">
            var n1=document.getElementById("num1").value;   //获取到的是字符串,不能用n1进行运算
            var n2=document.getElementById("num2").value;
            var n3=document.getElementById("num3").value;
            console.log(typeof n1);     //输出的是unfinished类型
            function btn(){
                alert(parseFloat(document.getElementById("num1").value)+parseFloat(document.getElementById("num2").value)+parseFloat(document.getElementById("num3").value));
            }
        </script>
    </head>
    <body>
        <p>请输入三个数字:</p>
        <form action="index.html" method="get">
            <input type="text" id="num1" value="" />
            <input type="text" id="num2" value="" />
            <input type="text" id="num3" value="" />
            <button type="button" onclick="btn();">测试</button>
        </form>
    </body>
</html>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐