JavaScript-de kalendar

Bu bölümde biz bir kalendar amala aşyrarys. Ýönekeýligi üçin, diňe häzirki aý üçin kalendary çykaryş etjek bolarys. Emma ony soňra aý we ýyl üýtgedip boljak etmek maksady bilen. Biz almaly boljak netije şuňa meňzeş:

Mesele çözmek üçin ulanyp bilersiňiz görnüşi:

html<div id="parent">
  <div id="calendar">
    <table>
      <thead>
        <tr>
          <th>Du</th>
          <th>Si</th>
          <th>Ça</th>
          <th>Pe</th>
          <th>An</th>
          <th>Şe</th>
          <th>Ýe</th>
        </tr>
      </thead>
      <tbody class="body"></tbody>
    </table>
  </div>
</div>

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

Gerekli boljak ähli teglerine salgylary alalyň üýtgeýjilere, şeýle hem häzirki aý we ýyly ýazalyň:

javascriptlet calendar = document.querySelector('#calendar');
let body = calendar.querySelector('.body');

let date  = new Date();
let year  = date.getFullYear();
let month = date.getMonth();