前言
1、根据数字显示对应的星期
代码:
实现效果:
2、输入月份,显示当月的天数
原理:
代码:
实现效果:
总结
前言
本次主要是针对Javascript阶段的switch的实操练习,共有2个实操。
1、根据数字显示对应的星期
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>根据数字显示对应的星期</title>
</head>
<body>
<script>
var week=6;
switch (week) {
case 1:
console.log("今天是星期一!");
break;
case 2:
console.log("今天是星期二!");
break;
case 3:
console.log("今天是星期三!");
break;
case 4:
console.log("今天是星期四!");
break;
case 5:
console.log("今天是星期五!");
break;
case 6:
console.log("今天是星期六!");
break;
case 7:
console.log("今天是星期天!");
break;
default:
console.log("请输入正确的数字!!");
}
</script>
</body>
</html>
实现效果:
2、输入月份,显示当月的天数
原理:
-
利用case穿透简化代码
-
1、3、5、7、8、10、12月份31天,4、6、9、11月份30天,2月特殊
-
注意闰年和平年的2月份
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>输入月份,显示当月的天数</title>
</head>
<body>
<script>
var year=2024;
var month=2;
switch (month) {
case 1:case 3:case 5:case 7:case 8:case 10:case 12:
console.log(year+"年"+month+"月有31天!");
break;
case 2:
if (year%4==0&&year%100!=0||year%400==0) {
console.log(year+"年"+month+"月有29天!");
} else {
console.log(year+"年"+month+"月有28天!");
}
break;
case 4:case 6:case 9:case 11:
console.log(year+"年"+month+"月有30天!");
break;
default:
console.log("请输入正确的数字!!");
}
</script>
</body>
</html>
实现效果:
总结
大家也可以根据所学的switch语句和之前的if语句进行结合实操,如果觉得有帮助,记得点赞收藏关注哦!