通过输入一个年份,判断是闰年还是平年的页面实现。
效果图:
页面代码如下:
<!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;
}