请在html页面中使用js输出一个直线型倒金字塔。
时间: 2024-04-29 12:27:07 浏览: 16
好的,我会遵循您的要求。以下是您需要的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 的值修改为您想要的金字塔层数,来得到不同大小的金字塔。
相关问题
使用JavaScript输出13层倒正金字塔直线
以下是使用 JavaScript 输出 13 层倒正金字塔直线的代码:
```
for (let i = 13; i >= 1; i--) {
let line = "";
for (let j = 1; j <= i; j++) {
line += j + " ";
}
console.log(line);
}
```
输出结果如下:
```
1 2 3 4 5 6 7 8 9 10 11 12 13
1 2 3 4 5 6 7 8 9 10 11 12
1 2 3 4 5 6 7 8 9 10 11
1 2 3 4 5 6 7 8 9 10
1 2 3 4 5 6 7 8 9
1 2 3 4 5 6 7 8
1 2 3 4 5 6 7
1 2 3 4 5 6
1 2 3 4 5
1 2 3 4
1 2 3
1 2
1
```
使用js语言,实现一个直线金字塔
以下是使用JavaScript语言实现直线金字塔的示例代码:
```javascript
function drawPyramid(height) {
for (let i = 1; i <= height; i++) {
let row = '';
for (let j = 1; j <= height - i; j++) {
row += ' ';
}
for (let k = 1; k <= i; k++) {
row += '* ';
}
console.log(row);
}
}
drawPyramid(5); // 输出直线金字塔
```
运行该函数,将输出一个高度为5的直线金字塔,如下所示:
```
*
* *
* * *
* * * *
* * * * *
```
相关推荐
![cpp](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)