分享JavaScript小案例，打印倒正金字塔，两种方式实现

打印倒正金字塔，两种方式实现

代码如下

    <script>

        // 方法一
        for (var i = 100; i >= 20; i -= 20) {
            document.write('<hr width = "' + i + '"% color = "green">')
        }
        for (var j = 20; j <= 100; j += 20) {
            document.write('<hr width = "' + j + '"% color = "green">')
        }

        //方法二

        for (var i = 100; i >= 20; i -= 20) {
            document.write(`<hr width = "${i}%" color = "green">`)
        }
        for (var j = 20; j <= 100; j += 20) {
            document.write(`<hr width = "${j}%" color = "red">`)
        }
    </script>

运行结果如下