Paparan Bulan dan Tahun dalam Kalendar menggunakan JavaScript
Dalam pelajaran sebelumnya, kami bersama anda telah membuat kalendar yang menjadi contoh dalam pelajaran pertama. Sekarang mari kita tambahbaiknya.
Sebagai permulaan, mari kita buat supaya di atas kalendar dipaparkan bulan dan tahun semasa. Mari kita buat perubahan yang sesuai dalam kod HTML:
<div id="parent">
<div id="calendar">
<div class="info">Jan 2020</div>
<table>
<thead>
<tr>
<th>isn</th>
<th>sel</th>
<th>rab</th>
<th>kha</th>
<th>jum</th>
<th>sab</th>
<th>ahd</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
Mari kita juga ubah kod 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;
}
Laksanakan paparan bulan dan hari semasa seperti yang diterangkan.
