牛客JS题（二）直角三角形

news2025/5/20 16:24:34

注释很详细，直接上代码

涉及知识点：

repeat
格式化字符串

题干：

在这里插入图片描述

我的答案

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

        <script>
            let triangle = document.querySelector('.triangle');
            /**
             *看到这肯定有小友按耐不住了，不就俩循环的事嘛，一眼法秒了
             *且慢，别忘了咱刷题干嘛来的，想想我们能怎么让代码更加简洁，更容易复用
             *首先我们可以考虑这个函数可以怎么封装，参数可以传什么？层数，符号
             *再者可以想想一定要两个循环吗？repeat不是可以完美解决这个问题嘛
             *继续想一定要用+拼接两个字符串吗，这种方法再更复杂的情况下好吗，没有更简洁的方式吗？
             *于是我们又可以将+拼接换成格式化字符串，欸嘿，又练到一个知识点
             */
            function creatTriangle(level,signer) {
                let str='';
                for (let i = 0; i < level; i++) {
                    str+=`${signer.repeat(i+1)}</br>`
                }
                return str;
            }
            triangle.innerHTML = creatTriangle(3, '*');
        </script>
    </body>
</html>