კალენდარი 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();

თქვენს თავად დააკოპირეთ მე მიერ წარმოდგენილი კოდის შაბლონები.