Utoaji wa Mwezi na Mwaka kwenye Kalenda kwa kutumia JavaScript
Katika masomo yaliyopita, tumeunda kalenda ile iliyokuwa mfano katika somo la kwanza. Hebu sasa tuiboreshe.
Kwa kuanza, hebu tufanye ili juu ya kalenda ionyeshe mwezi na mwaka wa sasa. Wacha tuingize mabadiliko yanayofaa kwenye msimbo wa HTML:
<div id="parent">
<div id="calendar">
<div class="info">Jan 2020</div>
<table>
<thead>
<tr>
<th>Jumatatu</th>
<th>Jumanne</th>
<th>Jumatano</th>
<th>Alhamisi</th>
<th>Ijumaa</th>
<th>Jumamosi</th>
<th>Jumapili</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
Wacha pia tuingize mabadiliko kwenye msimbo wa CSS:
#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;
}
Tekeleza utoaji ulioelezewa wa mwezi na siku ya sasa.
