Вопрос пользователя:
создать кнопки записаться на занятия и отменить запись. Если максимальное количество участников достигнуто, либо пользователь уже записан на занятие, сделайте кнопку "записаться" неактивной.
Кнопка "отменить запись" активна в случае, если пользователь записан на занятие, иначе она должна быть неактивна.
Пользователь может записаться на один курс только один раз.
При нажатии на кнопку "записаться" увеличьте количество записанных участников.
Если пользователь нажимает "отменить запись", уменьшите количество записанных участников.
Обновляйте состояние кнопок и количество участников в реальном времени.
Ответ нейросети:
HTML код:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Запись на занятия</title>
<style>
button {
padding: 10px 20px;
margin: 10px;
}
</style>
</head>
<body>
<h1>Запись на занятия</h1>
<p>Количество участников: <span id="participants">0</span></p>
<button id="signup" onclick="signup()">Записаться на занятие</button>
<button id="cancel" onclick="cancel()" disabled>Отменить запись</button>
<script>
let maxParticipants = 10;
let currentParticipants = 0;
function signup() {
if (currentParticipants < maxParticipants) {
currentParticipants++;
document.getElementById("participants").innerText = currentParticipants;
document.getElementById("signup").disabled = true;
document.getElementById("cancel").disabled = false;
}
}
function cancel() {
if (currentParticipants > 0) {
currentParticipants--;
document.getElementById("participants").innerText = currentParticipants;
document.getElementById("signup").disabled = false;
document.getElementById("cancel").disabled = true;
}
}
</script>
</body>
</html>
```
В данном примере при нажатии на кнопку "Записаться на занятие" увеличивается количество участников, кнопка становится неактивной, а кнопка "Отменить запись" становится активной. При нажатии на кнопку "Отменить запись" уменьшается количество участников, кнопка становится неактивной, а кнопка "Записаться на занятие" становится активной.