Visning af måned og år i kalender i JavaScript
I de foregående lektioner har vi lavet den kalender, der var udgangspunkt i den første lektion. Lad os nu forbedre den.
Lad os til at starte med gøre det sådan, at oven over kalenderen vises den aktuelle måned og år. Lad os foretage de tilsvarende ændringer i HTML-koden:
<div id="parent">
<div id="calendar">
<div class="info">Jan 2020</div>
<table>
<thead>
<tr>
<th>man</th>
<th>tir</th>
<th>ons</th>
<th>tor</th>
<th>fre</th>
<th>lør</th>
<th>søn</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
Lad os også foretage ændringer i CSS-koden:
#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;
}
Implementer den beskrevne visning af den aktuelle måned og dag.
