圣诞树解密-----解锁双层循环圣诞树的秘密

最新推荐文章于 2022-12-25 22:23:34 发布

A 曦曦

最新推荐文章于 2022-12-25 22:23:34 发布

阅读量665

点赞数

CC 4.0 BY-SA版权

文章标签： javascript html5

本文链接：https://blog.youkuaiyun.com/XixiziMeng/article/details/111409227

博客介绍了在页面打印圣诞树的方法。先将梯形分为三个三角形，通过内循环控制列，外循环控制行打印梯形，重复一次该梯形，最后写一个双层循环打印矩形框，矩形框需注意居中并留出空白格，最终实现圣诞树的打印。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//在页面打印一个圣诞树

		***
	   *****
      *******
     *********
    ***********
   *************
  ***************
 		***
	   *****
      *******
     *********
    ***********
   *************
  ***************
	   *****
	   *****
	   *****
	   *****
	   *****

我们先打印一个梯形，将梯形分为三个三角形，第一个空格打印的倒三角，然后*号是两个直角三角形

第一步，先写一个内循环，控制列
因为空格大小不一样，我们用两个空格
// 这是第一个空白倒的直角三角形

	for(var i=7;i>6;i--){
    document.write("&nbsp;&nbsp;");
}

// 这是第二个中间的直角三角形

    for(var a = 0;a < 1;a++){
    document.write("*");
}

// 这是第三个右边的直角三角形

   for(var b = 0;b < 8;b++){
   document.write("*");
}
   document.write("<br>");

第二步，然后我们在外面再套一个循环，外循环控制行。

	声明一个变量k，列数就等于行数

for(var k = 0;k < 7;k++){
    for(var i = 7;i > k;i--){
    document.write("&nbsp;&nbsp;");
 }
    for(var a = 0;a < k + 1;a++){
    document.write("*");
 }
    for(var b = 0;b < k + 2;b++){
    document.write("*");
}
    document.write("<br>");
}

// 最后就是这样一个梯形
// 第三步再写一个一样的梯形

 for(var k = 0;k < 7;k++){
 	for(var i = 7;i > k;i--){
 	document.write("&nbsp;&nbsp;");
}
	for(var a = 0;a < k + 1;a++){
	document.write("*");
}
	for(var b = 0;b < k + 2;b++){
    document.write("*");
}
    document.write("<br>");
}

// 第四步，写一个矩形框
行和列一样，注意矩形框放在中间打印，前面要留出空白格，所以我们再写一个双层循环矩形框
矩形框的行和列两个变量之间没有关系，可以直接打印

//    这是外层循环控制行
for(var q = 0;q < 5;q++){
//    这是空白的地方，内层循环控制列
    for(var c = 0;c < 5;c++){
	document.write("&nbsp;&nbsp;");
}

//		这是中间的矩形框
//		内层循环控制列
    for(var j = 0;j < 5;j++){
    document.write("*");
}
    document.write("<br>");
}

// 最后打印出来就是一个圣诞树咯！