JavaScript-də Təqvim

Bu bölmədə biz təqvim həyata keçirəcəyik. Sadəlik üçün onu elə edək ki, təqvim cari ay üçün göstərilsin. Amma elə ki, sonradan onu ayları və ili dəyişmək olar. Budur, əldə etməli olduğumuz nümunə:

Budur, məsələni həll edərkən istifadə edə biləcəyiniz işarələmə:

<div id="parent">
	<div id="calendar">
		<table>
			<thead>
				<tr>
					<th>b.e</th>
					<th>ç.a</th>
					<th>ç</th>
					<th>c.a</th>
					<th>c</th>
					<th>ş</th>
					<th>b</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;
}

Dərhal gəlin bütün lazımi teqlərə istinadları dəyişənlərdə əldə edək, həmçinin cari ayı və ili yazaq:

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

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

Təqdim etdiyim kod boşqablarını özünüzə kopyalayın.