JavaScript да Календарь

Бу бўлимда биз календарьни яратамиз. Соддалиги учун, календарь фақатгина жорий ой учун чиқадиган қилиб яратамиз. Аммо, уни кейинчалик тайёрлаш имкони бор, шунинг учун ой ва йилни ўзгартириш мумкин бўлади. Мана, бизнинг натижада чиқиши керак бўлган намуна:

Мана, сиз масалани ечишингизда фойдаланишингиз мумкин бўлган верстка:

<div id="parent">
	<div id="calendar">
		<table>
			<thead>
				<tr>
					<th>дш</th>
					<th>сш</th>
					<th>чш</th>
					<th>пш</th>
					<th>жм</th>
					<th>шн</th>
					<th>як</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;
}

Дарҳол керак бўладиган барча тегларга ўзгармасларда мурожат қилиб оламиз, шунингдек, жорий ой ва йилни ёзамиз:

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

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

Мен тақдим қилган кодларни ўзингизга нусхалаб олинг.