вопросы пишите мне в телеграмм +375298176892
можно скачать офлайн версию сайта: code.mu old.code.mu

Календарь на JavaScript

В данном разделе мы с вами реализуем календарь. Для простоты просто сделаем так, чтобы календарь выводился за текущий месяц. Но с прицелом на то, что его можно будет доработать так, чтобы можно было менять месяц и год. Вот образец того, что у нас должно получится:

Вот верстка, которую вы можете использовать при решении задачи:

<div id="parent"> <div id="calendar"> <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> #parent { text-align: center; } #calendar { display: inline-block; } #calendar td, #calendar th { padding: 5px 12px; border: 1px solid black; text-align: center; }

Сразу давайте получим ссылки на все нужные теги в переменные, а также запишем текущие месяц и год:

let calendar = document.querySelector('#calendar'); let body = calendar.querySelector('.body'); let date = new Date(); let year = date.getFullYear(); let month = date.getMonth();

Скопируйте себе представленные мною заготовки кода.