JavaScript හි දින දර්ශනය

මෙම කොටසේදී අපි දින දර්ශනයක් ක්‍රියාත්මක කරන්නෙමු. සරල බව සඳහා, දින දර්ශනය වත්මන් මාසය සඳහා පෙන්වන පරිදි අපි එය සකස් කරන්නෙමු. එහෙත්, මාසය සහ වර්ශය වෙනස් කළ හැකි පරිදි එය වැඩිදියුණු කළ හැකි බවට ලකුණුවක් තබමින්. අපට ලබා ගත යුතු දේ පිළිබඳ නිදර්ශනය මෙන්න:

ගැටලුව විසඳීමේදී ඔබට භාවිතා කළ හැකි HTML ව්‍යුහය මෙන්න:

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

මා විසින් ඉදිරිපත් කරන ලද කේත සැකිලි ඔබටම පිටපත් කරගන්න.