Uitvoer van Maand en Jaar in 'n Kalender op JavaScript
In vorige lesse het ons die kalender gemaak wat as voorbeeld in die eerste les was. Laat ons dit nou verbeter.
Om te begin, laat ons maak dat die huidige maand en jaar bo die kalender wys. Kom ons maak die nodige veranderinge in die HTML-kode:
<div id="parent">
<div id="calendar">
<div class="info">Jan 2020</div>
<table>
<thead>
<tr>
<th>ma</th>
<th>di</th>
<th>wo</th>
<th>do</th>
<th>vr</th>
<th>sa</th>
<th>so</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
Kom ons bring ook veranderinge aan in die CSS-kode:
#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;
}
Implementeer die beskryfde uitvoer van die huidige maand en dag.
