直角三角形

最新推荐文章于 2024-01-10 10:07:06 发布

慕千千Bebe

最新推荐文章于 2024-01-10 10:07:06 发布

阅读量748

点赞数

分类专栏： Javascript 文章标签： javascript html 前端

本文链接：https://blog.csdn.net/qq_41988113/article/details/123453730

版权

Javascript 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

描述

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

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

        <script>
            var triangle = document.querySelector('.triangle');
            // 补全代码c
            //1、利用双循环，外层循环控制行数，内层循环控制*数目
            //2、利用一个空字符str来存储直角三角形
            //3、每一行结束是加一个</br>
            //4、把str赋值给div.innerHTML
           let str = '';
            for(let i = 1; i < 4; i++){  
                for(let j=0;j<i;j++){
                    str+='*';
                }
                str+='<br/>'
            }
            triangle.innerHTML=str;
        </script>
    </body>
</html>