master

分支 (1)

管理

管理

master

qd
/
新建文本文档.txt

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        *{padding:0;}
        table{width:500px;
            height:400px;
        border:dashed 10px lightgray;

        }
        td{text-align:center}
        .c1{
  font-size:20px;
            font-weight:bold;
        }
.c2{
    height:22px;
}

    </style>
<script type="text/javascript">
    function jisuan(a,b){
        var aa=parseInt(a.value)
        var bb=parseInt(b.value)
        var sum=0;
        for(var i=aa;i<=bb;i++){
            sum+=i
        }
document.getElementById('sum').value=sum
    }
    function clea(){
        document.getElementById("star").value=''
        document.getElementById("end2").value=''
        document.getElementById("sum").value=''
    }
</script>
</head>
<body>
<table align="center">
<tr>
    <td><strong>tixingmianji</strong></td>
</tr>
    <tr><td><strong>dingyi</strong></td></tr>
<tr><td>qishishu:<input type="text" id="star" class="c2"></td></tr>
    <tr><td>zhongzhishu:<input type="text" id="end2" class="c2"></td></tr>
    <tr><td>sum:<input type="text" class="c2" id="sum"></td></tr>
    <tr><td><input type="button" value="jisuan" onclick="jisuan(star,end2)">    <input type="button" value="qingkong" onclick="clea()"></td></tr>
</table>
</body>
</html>