d. Display calendar for the month and year selected from combo box index.html

<title>Display Calendar</title> <script src="displayCalendar.js"></script> Month: January February March April May June July August September October November December

<label for="year">Year:</label>
<input type="number" id="year" value="2023" onchange="displayCalendar()">

<div id="calendar"></div>

displayCalendar.js function displayCalendar() { var month = document.getElementById("month").value; var year = document.getElementById("year").value; var firstDay = new Date(year, month, 1).getDay(); var daysInMonth = new Date(year, parseInt(month) + 1, 0).getDate(); var calendar = "";

for (var i = 0; i < firstDay; i++) {
    calendar += "<td></td>";
}
for (var day = 1; day <= daysInMonth; day++) {
    calendar += "<td>" + day + "</td>";
    if ((firstDay + day) % 7 == 0) {
        calendar += "</tr><tr>";
    }
}
calendar += "</tr></table>";

document.getElementById("calendar").innerHTML = calendar;

}

e. On mouse over event index.html

<title>Mouse Over Event</title> <script src="mouseOverEvent.js"></script> <style> .hover-box { width: 200px; height: 100px; border: 1px solid black; text-align: center; line-height: 100px; margin-top: 20px; } </style>

Hover over me!

mouseOverEvent.js function mouseOver() { document.getElementById("message").innerText = "Mouse is over the box!"; }

function mouseOut() { document.getElementById("message").innerText = ""; }

Sun	Mon	Tue	Wed	Thu	Fri	Sat