<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
</style>
<!--
*
***
*****
*******
一共4行,外层循环循环4次
总行数为4
第1行:前面有3个空格,1个星星 4-1 = 3 1 * 2 - 1 = 1
第2行;前面有2个空格,3个星星 4-2 = 2 2 * 2 - 1 = 3
第3行:前面有1个空格,5个星星 4-3 = 1 3 * 2 - 1 = 5
第4行:前面有0个空格,7个星星 4-4 = 0 4 * 2 - 1 = 7
总结:
每行的空格数 = 总行数 - 行索引
每行的星星数 = 行索引 * 2 - 1
-->
<script>
for (var i = 1; i <= 4; i++) {
for (var j = 1; j <= 4 - i; j++) {
document.write(" ");
}
for (var z = 1; z <= i * 2 - 1; z++) {
document.write("*");
}
document.write("<br/>");
}
</script>
</head>
<body>
</body>
</html> |
|