0
点赞
收藏
分享

微信扫一扫

【前端】JAVASCRIPT案例 闰年平年的判断(起点闭关计划)

一点读书 2022-02-19 阅读 57

通过输入一个年份,判断是闰年还是平年的页面实现。

效果图:

页面代码如下:


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="作业2.css"/>
	</head>
	<body>
		<script type="text/javascript">
			
		
		function getYear(){
		
		var year =parseInt(document.getElementById("year").value) ;
		var result=(year%400==0|| year%100!==0 && year%4==0) ? "闰年":"平年";
		document.getElementById("year").value =result;
		}
		</script>	
		<div class="max">
		<div  class="box">
			<span class="box.21">请输入一个年份:<input type="text" size="4" id="year"></span>
			<span class="box.22"><input type="button" value="走你" onclick="getYear()"></span>
		</div>
		</div>
	</body>
</html>

 简单的外联样式代码:

*{
	padding: 0px;
	margin:0px;

}
.max{
	width: auto;
	height: 800px;
}
.box{
	width: 300px;
	height: 200px; 
	border: 1px #000000 solid;
	margin:auto;
	
}
举报

相关推荐

0 条评论