Hiển thị tháng và năm trong lịch bằng JavaScript

Trong các bài học trước, chúng ta đã tạo ra mẫu lịch giống như trong bài học đầu tiên. Bây giờ hãy cùng cải thiện nó.

Đầu tiên, hãy làm sao để hiển thị tháng và năm hiện tại phía trên lịch. Hãy thực hiện các thay đổi tương ứng trong mã HTML:

<div id="parent">
	<div id="calendar">
		<div class="info">Tháng 1 2020</div>
		<table>
			<thead>
				<tr>
					<th>Thứ 2</th>
					<th>Thứ 3</th>
					<th>Thứ 4</th>
					<th>Thứ 5</th>
					<th>Thứ 6</th>
					<th>Thứ 7</th>
					<th>Chủ nhật</th>
				</tr>
			</thead>
			<tbody class="body"></tbody>
		</table>
	</div>
</div>

Hãy cũng thực hiện thay đổi trong mã 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;
}

Hãy triển khai việc hiển thị tháng và ngày hiện tại như đã mô tả.