js while循环三角形
时间: 2023-10-20 10:36:54 浏览: 132
你可以使用 JavaScript 的 while 循环来打印一个三角形。以下是一个示例代码:
```javascript
let i = 1;
while (i <= 5) {
let j = 1;
while (j <= i) {
document.write("*");
j++;
}
document.write("<br/>");
i++;
}
```
这段代码会打印如下的三角形形状:
```
*
**
***
****
*****
```
在上面的代码中,外层循环使用变量 `i` 控制行数,内层循环使用变量 `j` 控制每行中的星号数量。内层循环打印一个星号后,`j` 自增,直到达到行数 `i` 的值。然后,外层循环继续执行,打印下一行的星号。循环过程会一直持续到 `i` 达到指定的行数为止。
相关问题
js while循环正三角形
你可以使用 JavaScript 的 while 循环来打印正三角形。以下是一个示例代码:
```javascript
function printTriangle(rows) {
let i = 1;
while (i <= rows) {
let j = 1;
let str = "";
while (j <= i) {
str += "* ";
j++;
}
console.log(str);
i++;
}
}
// 调用函数并指定行数
printTriangle(5);
```
这段代码会打印出一个包含指定行数的正三角形,使用星号 (*) 字符作为三角形的元素。你可以在 `printTriangle` 函数中传入想要的行数,然后通过嵌套的 while 循环来构建三角形的每一行。
在HTML中使用while循环实现星号直角三角形
在HTML中直接使用`<pre>`标签可以展示文本内容,包括动态生成的星号直角三角形。但是,HTML本身并不支持标准的编程语言语法,比如while循环来生成星号数组。通常我们会使用JavaScript嵌入到HTML中来实现这样的动态效果。下面是一个简单的例子:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>星号直角三角形</title>
<style>
pre {
white-space: pre-wrap; /* 为了保持换行 */
}
</style>
</head>
<body>
<pre id="triangle"></pre>
<script>
function printTriangle(n) {
let triangle = '';
while (n > 0) {
for (let i = 0; i <= n - 1; i++) {
if (i == n - 1) {
triangle += '*\n';
} else {
triangle += '* ';
}
}
n--;
triangle += '\n'; // 换行符
}
document.getElementById('triangle').innerText = triangle;
}
// 可以通过改变这个数字来调整三角形大小
printTriangle(5); // 示例,生成五行的星号三角形
</script>
</body>
</html>
```
在这个例子中,我们首先创建了一个空字符串`triangle`,然后使用`while`循环来逐行增加星号。每行结束后会添加一个换行符`\n`,最后将结果设置到id为`triangle`的`<pre>`元素内。
阅读全文