Запрос: 1. Создайте веб-страницу с заголовком “Расписание занятий” и областью для отображения занятий. 2. Загрузите информацию о занятиях из предоставленных JSON-данных. 3. Пользователь может нажать на кнопку “Записаться” для записи на занятие. Если максимал

Расписание занятий body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .schedule { text-align: center; margin-top: 20px; } button { padding: 5px 10px; margin: 5px; cursor: pointer; } button:disabled { opacity: 0.5; cursor: not-allowed; } Расписание занятий // Загрузка данных о занятиях из JSON const scheduleData = [ { "id": 1, "name": "Урок французского языка", "maxParticipants": 10, "participants": 5 }, { "id": 2, "name": "Мастер-класс по рисованию", "maxParticipants": 15, "participants": 12 } ]; const scheduleContainer = document.querySelector(".schedule"); scheduleData.forEach(data => { const scheduleItem = document.createElement("div"); scheduleItem.innerHTML = `

${data.name}

Записано участников: ${data.participants}/${data.maxParticipants}

Записаться Отменить запись `; scheduleContainer.appendChild(scheduleItem); }); // Функция для записи на занятие function register(id) { const item = scheduleData.find(item => item.id === id); if (item.participants item.id === id); if (item.participants > 0) { item.participants--; updateSchedule(); } } // Обновление расписания после записи или отмены записи function updateSchedule() { scheduleContainer.innerHTML = ""; scheduleData.forEach(data => { const scheduleItem = document.createElement("div"); scheduleItem.innerHTML = `

${data.name}

Записано участников: ${data.participants}/${data.maxParticipants}

<button onclick="register(${data.id})" ${data.participants Записаться 0 ? "" : "disabled"}>Отменить запись `; scheduleContainer.appendChild(scheduleItem); }); }

. Получить ответ