// 10: // 请定义一个弹窗输入,输入一个数字年份; // 如果是闰年则在页面中写一个模态框显示闰年,否则在显示平年 用if语句写
时间: 2024-09-19 14:17:57 浏览: 57
python 输入年份 如果是闰年输出True 否则输出False 示例
5星 · 资源好评率100%
这是一个JavaScript示例,用于判断用户输入的年份是否为闰年并展示相应的提示信息:
```javascript
// 获取页面上用于输入年份的元素
const yearInput = document.getElementById('year-input');
// 监听年份输入事件
yearInput.addEventListener('input', function() {
const enteredYear = parseInt(this.value);
if (enteredYear >= 0) { // 判断输入是否有效,确保是正整数
// 使用if语句检查闰年条件
if ((enteredYear % 4 == 0 && enteredYear % 100 != 0) || enteredYear % 400 == 0) {
// 创建模态框
let modalElement = document.createElement('div');
modalElement.className = 'modal show';
// 创建并添加到DOM中
document.body.appendChild(modalElement);
// 创建模态框内容
const message = `输入的年份${enteredYear}是闰年!`;
const modalContent = document.createElement('p');
modalContent.textContent = message;
// 添加到模态框
modalElement.innerHTML = '<div class="modal-content">' + modalContent.outerHTML + '</div>';
} else {
// 平年的提示
let modalElement = document.createElement('div');
modalElement.className = 'modal show';
document.body.appendChild(modalElement);
const message = `输入的年份${enteredYear}是平年。`;
const modalContent = document.createElement('p');
modalContent.textContent = message;
modalElement.innerHTML = '<div class="modal-content">' + modalContent.outerHTML + '</div>';
}
} else {
alert('请输入有效的年份!');
}
});
// 点击关闭模态的按钮
document.querySelector('.modal').addEventListener('click', function(event) {
if (event.target.classList.contains('close')) {
this.remove();
}
});
```
请注意,上述代码假设你已经有了Bootstrap模态框样式,因为我在创建模态框时直接添加了`.show`类。如果你没有使用Bootstrap,你需要自定义模态框的样式和关闭行为。
阅读全文