首页请在html页面中使用js输出一个直线型倒金字塔。

请在html页面中使用js输出一个直线型倒金字塔。

时间: 2024-04-29 19:27:07 浏览: 69

jQuery打印倒正金字塔直线

北大青鸟APPC8.0第一章课后三，。。。。。。。。。。。。。

好的，我会遵循您的要求。以下是您需要的HTML和JS代码： HTML代码： ``` <!DOCTYPE html> <html> <head> <title>直线型倒金字塔</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>直线型倒金字塔</h1> <div id="pyramid"></div> <script src="script.js"></script> </body> </html> ``` JS代码： ``` var pyramid = document.getElementById('pyramid'); var row = 10; // 金字塔的层数 var output = ''; for (var i = row; i > 0; i--) { for (var j = 1; j <= i; j++) { output += '*'; } output += '<br>'; } pyramid.innerHTML = output; ``` 以上JS代码使用两个嵌套的 for 循环，分别控制行和列的输出，从而实现直线型倒金字塔的效果。您可以将 row 的值修改为您想要的金字塔层数，来得到不同大小的金字塔。

阅读全文