Создание интерактивного календаря

// Находим элемент заголовка
const title = document.input__1("month-year");

// Устанавливаем текст
title.input__2 = "Октябрь 2023";

const days = ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"];
const container = document.getElementById("weekdays-row");

days.forEach(day => {
  // Создаем div для дня недели
  const dayEl = document.input__1("div");
  
  // Записываем название дня
  dayEl.textContent = day;
  
  // Добавляем класс для стилизации
  dayEl.classList.input__2("day-name");
  
  // Добавляем элемент в контейнер
  container.input__3(dayEl);
});

const year = 2023;
const month = 9; // Октябрь (месяцы начинаются с 0)

// Получаем дату: 0-й день следующего месяца (это последний день текущего)
// month + 1 это ноябрь, день 0 вернет 31 октября
const dateInfo = new input__1(year, month + 1, 0);

// Получаем число дней (31)
const daysCount = dateInfo.input__2();

document.getElementById("result").textContent = daysCount;

const grid = document.getElementById("days-grid");
const daysInMonth = 31;

for (let i = 1; i <= daysInMonth; i++) {
  let dayCell = document.createElement("div");
  
  // Добавляем текст (число месяца)
  dayCell.textContent = input__1;
  
  // Добавляем класс
  dayCell.className = "day";
  
  // Вставляем ячейку в сетку
  grid.input__2(dayCell);
}

const calendar = document.getElementById("calendar");
const startDay = 2; // Допустим, месяц начинается со среды (0-Пн, 1-Вт, 2-Ср)

// Цикл для пустых ячеек
for (let i = 0; i < input__1; i++) {
  let emptyCell = document.createElement("div");
  emptyCell.classList.add("empty");
  calendar.appendChild(emptyCell);
}

// Добавим пару дней для примера
for(let k=1; k<=5; k++) {
  let d = document.createElement("div");
  d.textContent = k;
  d.classList.add("day");
  calendar.appendChild(d);
}

const grid = document.getElementById("grid");
const today = 15; // Представим, что сегодня 15-е число

for (let i = 1; i <= 31; i++) {
  let cell = document.createElement("div");
  cell.textContent = i;
  cell.classList.add("day");
  
  // Проверка: если i равно сегодня
  if (i === input__1) {
     cell.classList.input__2("today");
  }
  
  grid.appendChild(cell);
}

const wrap = document.getElementById("calendar-wrap");

wrap.addEventListener("click", function(event) {
  // Проверяем, содержит ли элемент класс 'day'
  if (event.input__1.classList.contains("day")) {
    
    // Очищаем предыдущее выделение (упрощенно)
    document.querySelectorAll('.selected').forEach(el => el.classList.remove('selected'));
    
    // Добавляем класс selected элементу, по которому кликнули
    event.target.classList.input__2("selected");
  }
});

const nextBtn = document.querySelector("#next");
const label = document.querySelector("#date-label");

// Добавляем обработчик клика
nextBtn.input__1("click", function() {
  label.textContent = "Октябрь";
});

// Аналогично для кнопки назад (уже написано)
document.querySelector("#prev").addEventListener("click", () => {
  label.input__2 = "Август";
});