【代码笔记】Web-JavaScript-javascript while循环

一，效果图。

二，代码。

复制代码
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>javascript while循环</title>
</head>

<body>
    <!--while循环-->
    <p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
    <button onclick="myFunction()">点击这里</button>
    <p id="demo"></p>
    <script>
    function myFunction() {
        var x = "",
            i = 0;
        while (i < 5) {
            x = x + "The number is " + i + "<br>";
            i++;
        }
        document.getElementById("demo").innerHTML = x;
    }
    </script>
    <!--do-while循环-->
    <p>点击下面的按钮，只要i小于5就一直循环代码块</p>
    <button onclick="myFunction()">点击这里</button>
    <p id="demo1"></p>
    <script>
    function myFunction() {
        var x = "",
            i = 0;
        do {
            x = x + "the number is" + i + "<br>";
            i++;
        }
        while (i < 5)
        document.getElementById("demo1").innerHTML = x;
    }
    </script>
</body>

</html>
复制代码

 

 

参考资料：《菜鸟教程》

posted @ 2018-12-21 09:04  花儿迎风笑  阅读(139)  评论(0)  编辑  收藏  举报