Practical – 117.2 : Check Given Year is Leap of Not
Program Code :
<!DOCTYPE html>
<html>
<head>
<title>Leap Year Checker</title>
<style>
body {
font-family: Arial;
text-align: center;
margin-top: 50px;
}
input, button {
font-size: 18px;
margin: 5px;
padding: 8px;
}
#result {
font-weight: bold;
margin-top: 15px;
}
</style>
</head>
<body>
<h2>Check Leap Year</h2>
<input type=”number” id=”year” placeholder=”Enter a year”>
<button onclick=”checkLeapYear()”>Check</button>
<div id=”result”></div>
<script>
function checkLeapYear() {
const year = parseInt(document.getElementById(“year”).value);
let resultText = “”;
if ((year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0)) {
resultText = year + ” is a Leap Year.”;
document.getElementById(“result”).style.color = “green”;
} else {
resultText = year + ” is Not a Leap Year.”;
document.getElementById(“result”).style.color = “red”;
}
document.getElementById(“result”).textContent = resultText;
}
</script>
</body>
</html>
