Εμφάνιση μήνα και έτους σε ημερολόγιο 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;
}

Υλοποιήστε την περιγραφόμενη εμφάνιση του τρέχοντος μήνα και ημέρας.