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

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

  • 案例
    • 一:打印输出一个菱形
    • 二:打印输出斐波那契数列的前 15 个数字
    • 三:数的累加
    • 四:打印输出九九乘法表

案例

一:打印输出一个菱形


<html>
	<head>
		<meta charset="UTF-8">
		<title>章节案例:打印输出一个菱形.htmltitle>
		
		<script type="text/javascript">
			for (var i=1;i<=4;i++) {
				//空格
				for(var k=1;k<=4-i;k++){
					document.write("");
				}
				// *
				for(var j=1;j<=2*i-1;j++){
					document.write("*");
				}
				document.write("
"
); } for (var i=1;i<=3;i++) { // 空格 for(var k=1;k<=i;k++){ document.write(""); } // * for(var j=1;j<=7-2*i;j++){ document.write("*"); } document.write("
"
); }
script> head> <body> body> html>

效果图
JavaScript-2.4-JavaScript 流程控制语句-案例_第1张图片

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

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

<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+"
"
); }else{ k=i+j; i=j; document.write("第"+n+"位:"+k+"
"
); j=k; } }
script> body> html>

效果动态图
JavaScript-2.4-JavaScript 流程控制语句-案例_第2张图片

三:数的累加


<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("
"
); document.write("累加结果是:"+c);
script> body> html>

效果图
JavaScript-2.4-JavaScript 流程控制语句-案例_第3张图片

四:打印输出九九乘法表


<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+" ");
			}
			document.write("
"
); }
script> body> html>

效果图
JavaScript-2.4-JavaScript 流程控制语句-案例_第4张图片

你可能感兴趣的:(WEB前端,JavaScript,JavaScipt,九九乘法表,数的累加,斐波那契列数)