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();

Менин көрсөткөн код даярдоолорумду өзүңүзгө көчүрүп алыңыз.