用html做一个界面,输入一个年份,判断是否为润年
时间: 2024-03-23 17:39:46 浏览: 13
以下是一个简单的 HTML 界面,可以输入一个年份,然后通过 JavaScript 判断该年份是否为闰年:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>判断闰年</title>
<script>
function isLeapYear() {
var year = document.getElementById("year").value;
if (year % 4 === 0) {
if (year % 100 === 0) {
if (year % 400 === 0) {
document.getElementById("result").innerHTML = year + "年是闰年";
} else {
document.getElementById("result").innerHTML = year + "年不是闰年";
}
} else {
document.getElementById("result").innerHTML = year + "年是闰年";
}
} else {
document.getElementById("result").innerHTML = year + "年不是闰年";
}
}
</script>
</head>
<body>
<h1>判断闰年</h1>
<label for="year">请输入一个年份:</label>
<input type="text" id="year">
<button onclick="isLeapYear()">判断</button>
<p id="result"></p>
</body>
</html>
```
该页面包括一个输入框和一个按钮,输入框用于输入年份,按钮用于触发判断操作。当用户点击按钮后,JavaScript 函数会读取输入框中的年份,然后根据判断结果在页面中显示相应的提示。