利用循环语句,实现在网页中打印用星号“*”组成的实心菱形:
时间: 2024-10-13 09:13:58 浏览: 21
python 使用while循环输出*组成的菱形实例
利用循环语句在网页中打印实心菱形可以使用HTML结构结合CSS样式以及JavaScript来实现。这里是一个简单的例子:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
.diamond {
display: flex;
justify-content: center;
}
.asterisk-row::before,
.asterisk-row::after {
content: "";
display: inline-block;
width: 50%;
}
</style>
<script>
function printDiamond(size) {
var diamond = "";
for (var i = 0; i < size; i++) {
if (i <= size / 2) {
// 上半部分,从左到右
diamond += "<div class='asterisk-row'>";
for (var j = 0; j <= i; j++) {
diamond += "<span>*</span>";
}
diamond += "</div>";
} else {
// 下半部分,从右到左
diamond += "<div class='asterisk-row'>";
for (var k = i; k > 0; k--) {
diamond += "<span>*</span>";
}
diamond += "</div>";
}
}
document.getElementById("diamond-container").innerHTML = diamond;
}
// 调用函数,例如打印一个5行的菱形
printDiamond(5);
</script>
</head>
<body>
<div id="diamond-container" class="diamond"></div>
</body>
</html>
```
在这个例子中,我们创建了一个`printDiamond`函数,它接受菱形的大小作为参数。然后通过嵌套循环构建了菱形的每一行,上半部分从左向右填充星号,下半部分从右向左填充。HTML元素的CSS样式用于控制星号的显示,JavaScript负责动态更新页面内容。
阅读全文