JS1 直角三角形_html-js-css

描述

请补全JavaScript代码，要求在页面上渲染出一个直角三角形，三角形换行要求使用"br"实现。三角形如下：
*
**
***

题解：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <div class='triangle'></div>

        <script>
            var triangle = document.querySelector('.triangle');
            // 补全代码
            var str= ''//定义空串
            for(var i=0;i<3;i++) {
                for(var j=0;j<=i;j++) {
                    str += '*'
                }
                str += '
'
            }
            triangle.innerHTML = str
        </script>
    </body>
</html>

思路：

先定义两层循环，外层用于表示每一行，内层表示每一行输出几个*，从题目看出，*数目和层数有关，即几层就几个*，所以就以外层循环i作为内层循环的终止条件，因为要换行，在每次外层循环结束后就加个换行符，最终渲染为html语句即可执行其中的html代码

效果：

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/940748.html

JS1 直角三角形

发表评论

评论列表（0条）