Kuu ja aasta kuvamine kalendris JavaScriptis
Eelmistes õppetundides tegime koos teiega selle kalendri, mis oli näidises esimeses õppetükis. Teeme selle nüüd paremaks.
Alustuseks teeme nii, et kalendri kohal kuvatakse praegune kuu ja aasta. Teeme vastavad muudatused HTML koodi:
<div id="parent">
<div id="calendar">
<div class="info">Jaan 2020</div>
<table>
<thead>
<tr>
<th>E</th>
<th>T</th>
<th>K</th>
<th>N</th>
<th>R</th>
<th>L</th>
<th>P</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
Teeme muudatused ka CSS koodi:
#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;
}
Rakendage kirjeldatud praeguse kuu ja päeva kuvamine.
