このプログラムでは、JavaScriptで指定された年が閏年かどうかを判定する方法を紹介します。閏年は、4で割り切れ、かつ100で割り切れない年、または400で割り切れる年が対象です。
使用する条件式
JavaScriptの条件式を使って、年が4で割り切れ、かつ100で割り切れない場合、または400で割り切れる場合に、その年を閏年と判定します。
指定した年が閏年かどうかを確認するプログラム
以下の入力フォームに年を入力し、「確認」ボタンを押すと、その年が閏年かどうかが判定されます。
HTMLとJavaScriptコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>指定した年が閏年かどうかを確認する方法</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
padding: 20px;
}
pre {
background: #f4f4f4;
border-left: 3px solid #ccc;
padding: 10px;
margin: 20px 0;
}
</style>
<script>
// 閏年を確認する関数
function isLeapYear(year) {
return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
}
// 指定した年が閏年かどうかを確認して結果を表示
function checkLeapYear() {
const inputYear = document.getElementById('yearInput').value; // 入力された年
const result = isLeapYear(inputYear) ? `${inputYear}年は閏年です。` : `${inputYear}年は閏年ではありません。`;
document.getElementById('leapYearResult').textContent = result; // 結果を表示
}
</script>
</head>
<body>
<h1>指定した年が閏年かどうかを確認する方法</h1>
<input type="number" id="yearInput" placeholder="年を入力" />
<button onclick="checkLeapYear()">確認</button>
<div id="leapYearResult"></div>
</body>
</html>プログラムの解説
このプログラムでは、指定された年が閏年かどうかを判定しています。isLeapYear()関数は、条件式を使って年が4で割り切れ、かつ100で割り切れない年、または400で割り切れる年を閏年と判断します。ユーザーが年を入力し、ボタンを押すと、その年が閏年かどうかを結果として表示します。