JavaScript流程控制分支结构

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

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		 <script>
			// 1.if的语法结构  如果if
			// if(条件表达式){
				// 执行语句
				// }
			// 2.执行思路 如果if里面的条件表达式结果为真 true 则执行大括号里面的 执行语句
			// 如果if条件表达式结果为假 则不执行大括号里面的语句 则执行if语句后面的代码
				// 3.代码体验
				if(3>5){
					alert('沙漠骆驼');
				}
		 </script>
	</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		 <script>
			var age=prompt('请您输入您的年龄');
			if(age>18){
				alert('您的年龄是'+age);
			}
			</script>
	</body>
</html>

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

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		 <script>
			 var year=prompt('请您输入年份');
			 if(year%4==0&&year%100!==0||year%400==0){
				 alert('您输入的年份是闰年');
			 }else{
				 alert('您输入的年份是平年');
			 }
		 </script>
	</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		 <script>
		var name=prompt('请您输入您的名字');
		if(name=='刘德华'){
			alert('您中了5块钱');
		}
		else{
			alert('您没有中奖');
		}
		 </script>
	</body>
</html>

在这里插入图片描述

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

在这里插入图片描述
下面展示一些 内联代码片

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		 <script>
		var score=prompt('请输入您的分数');
		// var result=Number(age);
		if(score>=90){
			alert('A');
		}
		else if(score>=80){
			alert('B');
		}
		else if(score>=70){
			alert('C');
		}
		else if(score>=60){
			alert('D');
		}
		else{
			alert('E');
		}
		 </script>
	</body>
</html>

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

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		 <script>
			 // 用户输入0~59之间的一个数字
			 // 如果数字小于10,则在这个数字前面补0,(加0 拼接)否则 不做操作
			 // 用一个变量接受这个返回值,输出
	var number=prompt('请您输入一个0~59之间的一个数字');
	// 三元表达式 表达式?表达式1:表达式2
	var result=number<10?'0'+number:number;//把返回值赋值给一个变量
	alert(result);
		 </script>
	</body>
</html>

在这里插入图片描述
在这里插入图片描述下面展示一些 内联代码片

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		 <script>
		switch(8){
			case 1:
			alert('这是1');
			break;
			case 2:
			alert('这是2');
			break;
			default:
			alert('没有匹配结果');
		}
		 </script>
	</body>
</html>


在这里插入图片描述

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

下面展示一些 内联代码片

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		 <script>
		var fruit=prompt('请输入您查询的水果');
		switch(fruit){
			case '苹果':
			alert('价格:1斤5元');
			break;
			case '梨':
			alert('价格:1斤6元');
			break;
			case '西瓜':
			alert('价格:1斤3元');
			break;
			default:
			alert('没有此水果');
		}
		 </script>
	</body>
</html>


在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_50727921/article/details/115292682