JavaScript-2.4-JavaScript 流程控制语句-案例

最新推荐文章于 2022-04-20 12:39:06 发布

anh_qwh

最新推荐文章于 2022-04-20 12:39:06 发布

阅读量331

点赞数 2

分类专栏： WEB前端 JavaScript 文章标签： JavaScipt 九九乘法表数的累加斐波那契列数

本文链接：https://blog.csdn.net/QWH_PYTHON/article/details/102607533

版权

WEB前端同时被 2 个专栏收录

61 篇文章 0 订阅

订阅专栏

JavaScript

27 篇文章 0 订阅

订阅专栏

JavaScript-2.4-JavaScript 流程控制语句-案例

案例

案例

一：打印输出一个菱形

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>章节案例：打印输出一个菱形.html</title>
		
		<script type="text/javascript">
			for (var i=1;i<=4;i++) {
				//空格
				for(var k=1;k<=4-i;k++){
					document.write("<span style='display: inline-block;width: 7px;'></span>");
				}
				// *
				for(var j=1;j<=2*i-1;j++){
					document.write("*");
				}
				document.write("<br/>");
			}
			for (var i=1;i<=3;i++) {
				// 空格
				for(var k=1;k<=i;k++){
					document.write("<span style='display: inline-block;width: 7px;'></span>");
				}
				// *
				for(var j=1;j<=7-2*i;j++){
					document.write("*");
				}
				document.write("<br/>");
			}

		</script>
	</head>
	<body>
	</body>
</html>

效果图
在这里插入图片描述

二：打印输出斐波那契数列的前 15 个数字

第一个数字和第二个数字分别为 1 和 1
从第三个数开始，每个数字等于其前两个数之和

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>斐波那契数列</title>
</head>
<body>
	<script type="text/javascript">
		for(var i=1,j=1,k,n=1;n<=15;n++){
			if(n==1||n==2){
				document.write("第"+n+"位："+i+"<br>");
			}else{
				k=i+j;
				i=j;
				document.write("第"+n+"位："+k+"<br>");
				j=k;
			}
		}
	</script>
</body>
</html>

效果动态图
在这里插入图片描述

三：数的累加

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>数的累加</title>
</head>
<body>
	<script type="text/javascript">
		for(var n=1,a=1,b=0,c;n<=4;n++){
			a=2*n-1;
			c=a+b;
			document.write(a+" ");	
			b=c;
		}
		document.write("<br>");
		document.write("累加结果是："+c);
	</script>
</body>
</html>

效果图
在这里插入图片描述

四：打印输出九九乘法表

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>九九乘法表</title>
</head>
<body>
	<script type="text/javascript">
		for(i=1;i<=9;i++){
			for(j=1;j<=i;j++){
				document.write(i+"*"+j+"="+i*j+"&nbsp;");
			}
			document.write("<br>");
		}
	</script>
</body>
</html>

效果图
在这里插入图片描述

anh_qwh

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-2.4-JavaScript 流程控制语句-案例

JavaScript-2.4-JavaScript 流程控制语句-案例案例一：打印输出一个菱形四：打印输出九九乘法表案例一：打印输出一个菱形<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>章节案例：打印输出一个菱形.html</title>...
复制链接

扫一扫