Календарь дар 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();

Захираҳои коде, ки ман пешниҳод кардам, ба худ нусхабардорӣ кунед.