编辑
核心代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>直角三角形</title> </head> <body> <!-- 请补全JavaScript代码，要求在页面上渲染出一个直角三角形，三角形换行要求使用"br"实现。三角形如下： * ** *** --> <div class='triangle'></div> <script>// 创建一个空字符串，用于存储HTML模板 // 外层循环为层数，内存循环为每层的"*"数 // 每当内层循环结束时，在字符串后方添加换行 var triangle = document.querySelector('.triangle'); // 补全代码 var str = '' for (var i = 1; i < 4; i++) { for (var j = 0; j < i; j++) { str += '*' } str += '<br />' } triangle.innerHTML</script> </body> </html>
总结
利用双层遍历循环 加上字符串的拼接 显示想要的数据
