Kalendārs uz JavaScript

Šajā nodaļā mēs realizēsim kalendāru. Vienkāršības labad mēs vienkārši padarīsim tā, lai kalendārs tiktu izvadīts par pašreizējo mēnesi. Bet ar nolūku, ka to varēs papildināt tā, lai varētu mainīt mēnesi un gadu. Lūk, paraugs tam, kas mums vajadzētu izveidoties:

Lūk, izkārtojums, kuru jūs varat izmantot risinot uzdevumu:

<div id="parent">
	<div id="calendar">
		<table>
			<thead>
				<tr>
					<th>pirmd.</th>
					<th>otrd.</th>
					<th>trešd.</th>
					<th>ceturtd.</th>
					<th>piektd.</th>
					<th>sestd.</th>
					<th>svētd.</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;
}

Uzreiz dosimies iegūt saites uz visām vajadzīgajām atlasītajām elementiem mainīgajos, kā arī ierakstīsim pašreizējos mēnesi un gadu:

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

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

Nokopējiet sev manis sniegtos koda sagatavojumus.