<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="box"></div>
</body>
<script>
// ==========完成一个三角形打印功能===========
// *
// **
// ***
// ****
// *****
// 思路:1>先选择1~5的数值;
// 2>双层循环,外层循环控制行,内层循环控制列;
// 3>将"*"打印到页面;
// 1>选择1~5的数值;
// 2>双层循环,外层循环控制行;
for(var i=0;i<=5;i++){
// 内层循环控制列;
for(j=0;j<=i;j++){
// 将"*"打印到页面;
document.write("*");
}
// 在页面中进行换行;
document.write("<br>");
}
// 总结:1>双层循环的嵌套,一般适用于多行多列的结构
// 2>外层循环控制行;内层循环控制列。
// 3>i 和 j 的取值对应关系
// i0 j0
// i1 j0 j1
// i2 j0 j1 j2
// i3 j0 j1 j2 j3
// i4 j0 j1 j2 j3 j4
// i5 j0 j1 j2 j3 j4 j5
</script>
</html>
运用双层循环完成一个三角形的打印功能。
最新推荐文章于 2024-04-02 17:09:39 发布