5、 JavaScript使用循环在页面分别输出如下图形: * *** ***** *******
时间: 2023-12-21 15:05:54 浏览: 53
以下是使用JavaScript循环在页面分别输出如下图形的代码:
1. 输出图形1:
```javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>星号输出</title>
</head>
<body>
<script>
for(var n=1;n<=4;n++){
for(var j=0;j<2*n-1;j++){
document.write("*");
}
document.write("<br>");
}
</script>
</body>
</html>
```
2. 输出图形2:
```javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>星号输出</title>
</head>
<body>
<script>
for(var n=4;n>=1;n--){
for(var j=0;j<2*n-1;j++){
document.write("*");
}
document.write("<br>");
}
</script>
</body>
</html>
```
相关问题
5、 JavaScript使用循环在页面分别输出如下图形: ******* ***** *** *
以下是使用JavaScript循环在页面输出不同图形的代码示例:
1. 输出图形1:逐行递减的星号
```javascript
for (var n = 7; n >= 1; n -= 2) {
var spaces = (7 - n) / 2;
var stars = "*".repeat(n);
var row = " ".repeat(spaces) + stars;
document.write(row + "<br>");
}
```
2. 输出图形2:逐行递减的星号,每行星号个数为奇数
```javascript
for (var n = 7; n >= 1; n -= 2) {
var spaces = (7 - n) / 2;
var stars = "*".repeat(n);
var row = " ".repeat(spaces) + stars;
document.write(row + "<br>");
}
```
3. 输出图形3:逐行递减的星号,每行星号个数为偶数
```javascript
for (var n = 6; n >= 2; n -= 2) {
var spaces = (6 - n) / 2;
var stars = "*".repeat(n);
var row = " ".repeat(spaces) + stars;
document.write(row + "<br>");}
```
编写JavaScript代码,输出图形效果。 * ** *** **** *****
要输出这样的图形效果,可以使用嵌套循环实现。首先,外层循环控制行数,内层循环控制每行的星号数量。代码如下:
```javascript
for (let i = 1; i <= 5; i++) {
let line = '';
for (let j = 1; j <= i; j++) {
line += '*';
}
console.log(line);
}
```
这段代码中,外层循环变量 `i` 控制行数,内层循环变量 `j` 控制每行的星号数量。在内层循环中,每次循环都将一个星号添加到 `line` 变量中。最后,通过 `console.log()` 函数输出每一行的结果。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)