第二章 js逻辑控制 ② 代码

1.课前回顾

代码如下：

<!DOCTYPE html >
<html>
	<head>
		<title> New Document </title>
		<meta charset="utf-8">
		<script type="text/javascript">
			var name = prompt("请输入学生姓名:","");
			var chinese =Number(prompt("请输入语文成绩:",""));
			var math = Number(prompt("请输入数学成绩:",""));
			var eng = Number(prompt("请输入英语成绩:",""));

			document.write("姓名:"+name+"<br/>");
			document.write("语文:"+chinese+"<br/>");
			document.write("数学:"+math+"<br/>");
			document.write("英语:"+eng+"<br/>");
			document.write("三门成绩之和:"+(chinese+math+eng)+"<br/>");
		</script>
	</head>

	<body>

	</body>
</html>

运行结果如下：

2.if单分支（成绩&奖励）

代码如下：

<!DOCTYPE html >
<html>
	<head>
		<title> New Document </title>
		<meta charset="utf-8">
		<script type="text/javascript">
			//if单分支: 只有一种选择,满足条件执行，不满足则不执行
			//输入成绩
			var score = Number(prompt("请输入小明的成绩:",""));
			//如果分数大于等于90则奖励一辆电动车
			//条件后面不能乱加分号
			if(score>=90){
				document.write("奖励一辆电动车<br/>");
				document.write("请小明吃大餐<br/>");
			}
			document.write("程序结束<br/>")
		</script>
	</head>

	<body>

	</body>
</html>

运行结果如下：

3.if-else双分支（成绩&奖励）

代码如下：

<!DOCTYPE html >
<html>
	<head>
	<title> New Document </title>
	<meta charset="utf-8">
	<script type="text/javascript">
		//if else双分支: 两种选择,必选其一
		//其中else:表示不满足条件的其他情况，
		//       后面不能跟条件,直接跟代码块
		//输入成绩
		var score = Number(prompt("请输入小明的成绩:",""));
		//如果分数大于等于90则奖励一辆电动车
		//条件后面不能乱加分号
		if(score>=90){
			document.write("奖励一辆电动车<br/>");
			document.write("请小明吃大餐<br/>");
		}else{
			document.write("面壁思过<br/>");
		}
		document.write("程序结束<br/>")
	</script>
	</head>

	<body>

	</body>
</html>

运行结果如下：

4.if-else if-else if…else : 多分支（成绩等级）

代码如下：

<!DOCTYPE html >
<html>
	<head>
	<title> New Document </title>
	<meta charset="utf-8">
	<script type="text/javascript">
		//if else..if else : 多分支
		//多分支特点:各分支之间互斥,
		//           进入一个分支之后则其他分支不再执行

		//输入小明成绩，判断成绩的等级
		//>=90 优秀 >=80 良好 >=60 中等 其他 差
		/*
		var score = Number(prompt("请输入小明成绩:",""));
		if(score>=90){
			document.write("优秀<br/>");
		}else if(score>=80){
			document.write("良好<br/>");
		}else if(score>=60){
			document.write("中等<br/>");
		}else{
			document.write("差<br/>");
		}

		document.write("程序结束<br/>")*/

		// 扩展:能不能反向去写，实现评级,分数由小到大判断
		/*
		var score = Number(prompt("请输入小明成绩:",""));

		if(score<0 || score>100){
			document.write("分数不正确");
		}else if(score<60){
			document.write("差<br/>");
		}else if(score>=60&&score<80){
			document.write("中等<br/>");
		}else if(score>=80&&score<90){
			document.write("良好<br/>");
		}else if(score>=90){
			document.write("优秀<br/>");
		}*/
				
		// 扩展: 如果分数是负数，或者 1000分,需要输出分数错误。 如何解决

		//if..else嵌套实现多分支判断
		var score = Number(prompt("请输入小明成绩:",""));
		if(score>=90){

		}else{
			if(score>=80){
			
			}else{
				if(score>=60){
				
				}else{
				
				}
			}
		}
	</script>
	</head>

	<body>

	</body>
</html>

5.switch – case 分支结构（令狐冲江湖地位）

代码如下：

<!DOCTYPE html >
<html>
	<head>
	<title> New Document </title>
	<meta charset="utf-8">
	<script type="text/javascript">
		//根据令狐冲的比武名次，决定令狐冲的江湖地位:
		//1.武林盟主 2.武当掌门 3.峨眉 4..逐出师门
		//switch case : 用于针对特定数据的定值判断。做相等性判断，用===(等值等型)

		var mingci = Number(prompt("请输入令狐冲的比武名次:",""));

		switch(mingci){
			
			case 1:
				document.write("武林盟主<br/>");
				break;
			default: //其他情况
				document.write("逐出师门<br/>")
				break;
			case 2:
				document.write("武当掌门<br/>");
				//break;
			case 3:
				document.write("峨眉掌门<br/>");
				break;

		}

		//1.输入星期几,输出吃什么:周一周二吃米饭，周三周四吃面条，周五周六吃饺子，周日减肥

		//2.扩展:使用siwtch case实现分数的等级判断。parset(score/10)

		//3.输入年份和月份，通过switch case输出该年该月有几天
		//考虑闰年的问题: 一个年份对4求余为0并且对100求余不是0,是闰年。
		//                 一个年份对400求余为0是闰年。
		//闰年二月29天，平年二月28天

	</script>
	</head>

	<body>

	</body>
</html>

运行结果如下：

6.switch – case 分支结构 (吃什么成绩等级闰年)

代码如下：

<!DOCTYPE html >
<html>
	<head>
		<title> New Document </title>
		<meta charset="utf-8">
		<script type="text/javascript">
			//1.输入星期几,输出吃什么:周一周二吃米饭，周三周四吃面条，周五周六吃饺子，周日减肥
			/*
			var weekday = prompt("今天星期几?","");
			switch(weekday){
			case "星期一":
			case "星期二":
				document.write("吃米饭");
				break;
			case "星期三":
			case "星期四":
				document.write("吃面条");
				break;
			case "星期五":
			case "星期六":
				document.write("吃饺子");
				break;
			case "星期天":
				document.write("减肥不吃");
				break;
			default:
				document.write("输入内容不识别....");
				break;
			}*/

			//2.扩展:使用siwtch case实现分数的等级判断。parset(score/10)
			/*var score = parseInt(Number(prompt("输入分数",""))/10);
			switch(score){
				case 1:
				case 2:
				case 3:
				case 4:
				case 5:
					document.write("差");
					break;
				case 6:
				case 7:
					document.write("中等");
					break;
				case 8:
					document.write("良好");
					break;
				case 9:
				case 10:
					document.write("优秀");
					break;
				default:
					document.write("分数有误");
					break;
			}*/

			//3.输入年份和月份，通过switch case输出该年该月有几天
			//考虑闰年的问题: 一个年份对4求余为0并且对100求余不是0,是闰年。
			//                 一个年份对400求余为0是闰年。
			//闰年二月29天，平年二月28天
			//1,3,5,7,8,10,12 : 31  4,6,9,11 : 30  闰年2:29 平年2:28
			var year = Number(prompt("请输入年份:",""));
			var mon = Number(prompt("请输入月份:",""));
			var day;
			switch(mon){
				case 1:
				case 3:
				case 5:
				case 7:
				case 8:
				case 10:
				case 12:
					day = 31;
					break;
				case 4:
				case 6:
				case 9:
				case 11:
					day = 30;
					break;
				case 2:
					//是否是闰年
					//1900：不是闰年
					if(year%4==0&&year%100!=0 || year%400==0){
						day = 29;
					} else{
						day = 28;
					}
					break;
				default:
					document.write("月份无效");
					break;
			}
			document.write(year+"年"+mon+"月有"+day+"天");

		</script>
	</head>

	<body>

	</body>
</html>

运行结果如下：