Kalenda ya JavaScript

Katika sehemu hii tutatekeleza kalenda. Kwa urahisi, tutafanya iweze kuonyesha mwezi wa sasa. Lakini kwa malengo ya kufanywa iwezekanavyo kubadilisha mwezi na mwaka. Hapa kuna kielelezo cha kile tunachopaswa kupata:

Hapa kuna muundo wa wavuti ambao unaweza kutumia wakati wa kutatua tatizo:

<div id="parent">
	<div id="calendar">
		<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>

#parent {
	text-align: center;
}
#calendar {
	display: inline-block;
}
#calendar td, #calendar th {
	padding: 5px 12px;
	border: 1px solid black;
	text-align: center;
}

Mara moja tupate viungo kwa vitambulisho vyote vinavyohitajika kwenye anuwai, na pia tuandike mwezi wa sasa na mwaka:

let calendar = document.querySelector('#calendar');
let body = calendar.querySelector('.body');

let date  = new Date();
let year  = date.getFullYear();
let month = date.getMonth();

Inakili kwa wewe maandalizi ya nambari niliyowasilisha.