【前端】【HTML+CSS+JavaScript(JS)】判断某年某月的天数的实现

最新推荐文章于 2023-05-03 00:15:00 发布

_小鹰

最新推荐文章于 2023-05-03 00:15:00 发布

阅读量690

点赞数

分类专栏：前端文章标签：前端 javascript html css

本文链接：https://blog.csdn.net/cc2855816075/article/details/122888507

版权

前端专栏收录该内容

38 篇文章 1 订阅

订阅专栏

效果：

在这里插入图片描述

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>月的天数</title>
	</head>
	<body>
		
		<script type="text/javascript">
			var flag;
			function estimate(){
				flag = 0;
				var year = parseInt(document.getElementById("t1").value);
				flag = year%4 == 0 && year%100 != 0 || year%400==0;
				if(flag)
				//单引号 双引号 都可以
					document.getElementById("t1").value = year + '是闰年';
				else
					document.getElementById("t1").value = year + "是平年";
			}
			function cal_days(){
				// ★★★引号不要忘记★★★
				var month = parseInt(document.getElementById("t2").value);
				
				switch(month){
					case 1: case 3: case 5: case 7: case 8: case 10: case 12:
						document.getElementById("t2").value = month + "有31天";
						break;
					case 4: case 6: case 9: case 11: 
						document.getElementById("t2").value = month + "有30天";
						break;
					case 2:
						if(flag)
							document.getElementById("t2").value = month + "有29天";
						else
							document.getElementById("t2").value = month + "有28天";
						break;
					
				}
			}
		</script>
		
		<div id="b-box">
			<div>
					请输入年份：
					<input type="text" name="" id="t1" value="" />
			</div>
			
			<div>
					请输入月份：
					<input type="text" name="" id="t2" value="" />
			</div>
			<div>
					<input type="button" name="" id="" value="计算" onclick="estimate(); cal_days();"/>
			</div>
		</div>
	</body>
</html>