我想很多同学可能第一想到的是triangle.innerHTML = '*</br>**</br>***</br>',这多简单啊,但是我们做开发不应只看到问题的表面,应该从可维护性和可扩展性去思考问题,如果这道题目需要你渲染200行,可能你就不会使用这种相当于硬编码的方式去达到目的。比如示例给出3行,你就应该写出可以通过修改一个变量就能渲染出100行的程序,比如*号你也可以赋予一个变量,如果需要改成%号,则也是只需修改一个变量即可,这相当于是一个可配置的程序。这也是一个优秀程序员必须具备的逻辑思维能力。

分解题目

1.需要渲染多少行内容(lineNumber)

2.每行*号数量 = 当前行数(*循环相加次数为当前行数)

3.每行结尾需要加换行符(在每行循环完,也就是*号相加完后添加换行符)

4.相加内容渲染到页面(可以赋值给innerHTML)