Displaying a month and year in a calendar in JavaScript
In the previous lessons, we made the calendar that was the sample in the first lesson. Let's improve it now.
First, let's make the current month and year appear above the calendar. Let's make the appropriate changes to the HTML code:
<div id="parent">
<div id="calendar">
<div class="info">Jan 2020</div>
<table>
<thead>
<tr>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>Sun</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
We will also make changes to the CSS code:
#parent {
text-align: center;
}
#calendar {
display: inline-block;
}
#calendar td, #calendar th {
padding: 10px;
border: 1px solid black;
text-align: center;
}
#calendar .info {
text-align: center;
}
Implement the described output of the current month and day.
