JavaScript编程实现“计算任意区间内连续自然数的累加和”页面时不出现结果?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            .div{
                text-align: center;
                margin: 20px auto;
                line-height: 1.5;
                border: 18px groove #66FF66;
                width: 560px;
                height: 260px;
            }
            .form{
                margin: 20px auto;
                padding: 5px;
            }
        </style>
        <script type="text/javascript">
            function $(id){
                return document.getElementByid(id);
            }
            function sum(n1,n2){
                for(var i=n1,sum1=0;i<=n2;i++)
                {
                    sum1=sum1+i;
                }
                return sum1;
            }
            function show(){
                var n11=parseFloat($("start_num").value);
                var n22=parseFloat($("end_num").value);
                if(n11>0 && n22>0)
                {
                    if(n11>=n22)
                    {
                        alert("起始数必须小于终止数,请重输!");
                        $("start_num").value="";
                        $("end_num").value="";
                        $("start_num").focus();
                    }
                    else{
                        $("sum").value=sum(n11,n22);
                    }
                }
                else{
                        alert("请输入数据!");
                        $("start_num").focus();
                    }
                }
        </script>
    </head>
    <body>
        <div class="div">
            <h3>计算机任意区间内连续自然数的累加和</h3>
            <form  class="form" method="" action="">
                <h3>定义区间</h3>
                <label>起始数</label><input type="text" name="start_num" id="start_num">
                <label>终止数</label><input type="text" name="end_name" id="end_num"><br>
                <label>累加和</label><input type="text" name="num" id="num" readonly><br>
                <input type="button" value="计算" onclick="show();">
                <input type="reset" value="清空">
            </form>
        </div>
        
    </body>
</html>

查看全部
weixin_46422883
新手小白wn
2020/11/29 13:23
  • javascript
  • 点赞
  • 收藏
  • 回答
    私信

1个回复