JavaScript භාවිතයෙන් දින දර්ශනයක මස සහ අවුරුද්ද පෙන්වීම

පෙර පාඩම් වලදී, අපි පළමු පාඩමේ නිදර්ශනය කළ දින දර්ශනය හදන ලදී. දැන් අපි එය වැඩිදියුණු කරමු.

පළමුව, දින දර්ශනයට ඉහළින් වත්මන් මස සහ අවුරුද්ද පෙන්වන ලෙස සකසමු. අදාළ HTML කේතයේ වෙනස්කම් කරමු:

<div id="parent">
	<div id="calendar">
		<div class="info">ජන 2020</div>
		<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>

CSS කේතයේ ද වෙනස්කම් කරමු:

#parent {
	text-align: center;
}
#calendar {
	display: inline-block;
}
#calendar td, #calendar th {
	padding: 10px;
	border: 1px solid black;
	text-align: center;
}

#calendar .info {
	text-align: center;
}

විස්තර කර ඇති වත්මන් මස සහ දිනය පෙන්වීම ක්‍රියාත්මක කරන්න.