<script type="text/javascript"> function check_year() { var input = document.getElementById("year_input").value; var year = parseInt(input); if (isNaN(year)) { alert("Enter a valid year"); document.getElementById("result").innerHTML = ""; document.getElementById("year_input").value=""; document.getElementById("year_input").focus(); } else if ((year & 3) == 0 && ((year % 25) != 0 || (year & 15) == 0)) { document.getElementById("result").innerHTML = "The year <b style='color:blue;'>" + year + "</b> is a <b style='color:blue;'>LEAP Year</b>"; } else { document.getElementById("result").innerHTML = "The year <b style='color:red;'>" + year + "</b> is <b style='color:red;'>NOT A LEAP Year</b>"; } } function clear_textbox(){ document.getElementById("result").innerHTML = ""; document.getElementById("year_input").value=""; document.getElementById("year_input").focus(); } </script>
<table style="border:blue 1px solid; margin-top: 182px;" width="100%"> <tr> </tr> <tr> <td style="text-align:center; font-size:18px; font-family:cursive; color:red;"> Type desired year <br /> <input type="text" id="year_input" style="border:blue 1px solid; width:180px; text-align:center; font-size:18px;" maxlength="4" autofocus> </td> </tr> <tr> </tr> <tr> <td colspan="2" style="text-align:center;"> <input type="submit" value="Check" style="border:blue 1px solid; margin-right:30px; color:blue; background:azure; font-size:18px; width:70px; cursor:pointer;" onclick="check_year()" /> <input type="submit" value="Clear" style="border:red 1px solid; color:red; background:azure; font-size:18px; width:70px; cursor:pointer;" onclick="clear_textbox()" /> </td> </tr> <tr> </tr> </table>