Javascript的应用

阅读量: 159 编辑

Javascript的应用

尝试在网页中使用Javascript代码:计算两个数字之间所有整数的和

一、代码实战

代码的详细解读,可以参考视频教程

文件:23.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>计算两个数字之间所有整数的和</div>
    <div>
        开始数字:<input type="text" id="start">
    </div>
    <div>
        结束数字:<input type="text" id="end">
    </div>
    <div>
        <button onclick="doSum()">求和</button>
    </div>
    <div>
        结果:<span id="result"></span>
    </div>

    <script type="text/javascript">
        function doSum() {
            let start = document.getElementById("start").value //字符串
            let end = document.getElementById("end").value

            start = new Number(start)
            end = new Number(end)

            let total = 0
            for(let i = start; i <= end; i++){
                total = total + i
            }
            document.getElementById("result").innerText = total
        }
    </script>
</body>
</html>