在html中输入一个年份 利用函数判断输入的年份是闰年还是平年
时间: 2024-10-09 22:16:44 浏览: 8
在HTML中,你可以创建一个表单让用户输入年份,然后通过JavaScript函数来判断该年份是否为闰年。以下是基本步骤:
1. 创建HTML表单元素:
```html
<form id="year-check">
<label for="input-year">请输入年份:</label>
<input type="number" id="input-year" required>
<button type="submit">检查</button>
</form>
<div id="result"></div>
```
2. 使用JavaScript编写判断闰年的函数:
```javascript
<script>
document.getElementById('year-check').addEventListener('submit', function(e) {
e.preventDefault(); // 阻止表单默认提交行为
var inputYear = parseInt(document.getElementById('input-year').value);
var resultDiv = document.getElementById('result');
function isLeapYear(year) {
if (year % 4 !== 0) return false;
else if (year % 100 !== 0) return true; // 如果不是世纪年
else if (year % 400 !== 0) return false;
else return true;
}
var isLeap = isLeapYear(inputYear);
resultDiv.textContent = (isLeap ? '输入的是闰年' : '输入的是平年');
});
</script>
```
这个示例中,`isLeapYear`函数会根据公历规则(能被4整除但不能被100整除,除非同时也能被400整除)来判断一个年份是否为闰年。当用户提交表单时,会获取输入的年份并显示结果。