嵌套for循环

最新推荐文章于 2024-06-07 23:26:45 发布

夏大爷耶耶耶

最新推荐文章于 2024-06-07 23:26:45 发布

阅读量81

点赞数 1

分类专栏： JS笔记文章标签： javascript 前端 1024程序员节

本文链接：https://blog.csdn.net/xy_is_fhh/article/details/120936631

版权

JS笔记专栏收录该内容

39 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/*通过程序,在页面中输出如下图形:
				*
				**
				***
				****
				*****
				
				*****
				*****
				*****
				*****
				*****
				
				*****
				****
				***
				**
				*
			*/
			   
			   // 向body中输出一个内容
			   // document.write("*****<br />");
			   //通过一个for循环来输出图形
			   //这个for循环执行几次，图形的高度就是多少
			   //它可以用来控制图形的高度
			   //第一个图
			   for(var i = 1;i<=5;i++){
				   // 在循环的内部再创建一个循环,用来控制图形的宽度
				   //目前我们的外部的for循环执行一次，内部的就会执行5次
				   //内层循环可以来决定图形的宽度，执行几次图形的宽度就是多少
				   for(var j = 1;j<=5;j++){
					   document.write("*");
				   }
				   //输出一个换行
				   document.write("<br />");
			   }
			   
			   document.write("<br />");
			   
			   
			   //第二个图
			   for(var i = 1;i<=5;i++){
			        for(var j = 1;j<=i;j++){
			   		    document.write("*");
			   	   }
			   		document.write("<br />");
			   }
			   
			   document.write("<br />");
			   
			   
			   //第三个图
			   for(var i = 1;i<=5;i++){
			   		for(var j = 1;j<=6-i;j++){
			   			document.write("*");
			   		}
			   	    document.write("<br />");
			   }
		</script>
	</head>
	<body>
	</body>
</html>

夏大爷耶耶耶

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
嵌套for循环

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /*通过程序,在页面中输出如下图形: * ** *** **** ***** ***** ***** ***** ****.
复制链接

扫一扫