জাভাস্ক্রিপ্টে ক্যালেন্ডার

এই বিভাগে আমরা একটি ক্যালেন্ডার বাস্তবায়ন করব। সরলতার জন্য, আমরা শুধুমাত্র এটি করব যাতে ক্যালেন্ডার বর্তমান মাসের জন্য দেখায়। কিন্তু এই লক্ষ্যে যে এটিকে এমনভাবে উন্নত করা যেতে পারে, যাতে মাস এবং বছর পরিবর্তন করা যায়। এখানে আমরা যা পেতে চাই তার একটি নমুনা রয়েছে:

এখানে সেই মার্কআপ রয়েছে যা আপনি সমস্যা সমাধানের সময় ব্যবহার করতে পারেন:

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

আমার দ্বারা প্রদত্ত কোডের স্টার্টার টেমপ্লেটগুলি আপনার নিজের কাছে কপি করুন।