JavaScript-da Kalendar

Ushbu bo'limda biz kalendarni amalga oshiramiz. Soddaligi uchun shunday qilamizki, kalendar joriy oy uchun ko'rsatilsin. Lekin kelajakda uni oy va yilni o'zgartirish imkoniyati bilan takomillashtirish mumkin bo'lishi uchun. Mana biz qilishimiz kerak bo'lgan narsaning namunasi:

Mana masalani yechishda foydalanishingiz mumkin bo'lgan verstka:

<div id="parent">
	<div id="calendar">
		<table>
			<thead>
				<tr>
					<th>dush</th>
					<th>sesh</th>
					<th>chor</th>
					<th>pay</th>
					<th>jum</th>
					<th>shan</th>
					<th>yak</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;
}

Darhol kerakli barcha teglarga havolalarni olamiz o'zgaruvchilarga, shuningdek joriy oy va yilni yozamiz:

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

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

Mening taqdim etgan kod qismlarimni o'zingizga nusxalab oling.