JavaScript'te Takvimde Ay ve Yıl Görüntüleme

Önceki derslerde sizinle birlikte, ilk dersteki örnek olan takvimi yaptık. Şimdi onu geliştirelim.

Başlangıç olarak, takvimin üzerinde geçerli ay ve yılın gösterilmesini sağlayalım. HTML kodunda ilgili değişiklikleri yapalım:

html<div id="parent">
  <div id="calendar">
    <div class="info">Oca 2020</div>
    <table>
      <thead>
        <tr>
          <th>pzt</th>
          <th>sal</th>
          <th>çar</th>
          <th>per</th>
          <th>cum</th>
          <th>cmt</th>
          <th>paz</th>
        </tr>
      </thead>
      <tbody class="body"></tbody>
    </table>
  </div>
</div>

CSS kodunda da değişiklikler yapalı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;
}