Практическое задание

Интерактивный выбор

Используем if/else, чтобы карточка реагировала на выбор игрока

Пример результата (накликай действие!)
Кибер-Самурай

Кибер-Самурай

Мечник • Уровень 42

  • 92Атака
  • 78Защита
  • 85Скорость

⚠️ Вражеский дрон атакует! Какое действие выбрать?

⚡ Как работает логика: Условия (if / else)

Чтобы карточка по-разному реагировала на кнопки, функция должна принимать аргумент (информацию извне) и проверять её с помощью if / else:

function checkAnswer(answer) { if (answer === 'right') { // действия, если выбор верный } else { // действия, если выбор ошибочный } }

В HTML мы передаем эту строку при клике: onclick="checkAnswer('right')" или onclick="checkAnswer('wrong')".

Задание

Верстка карточки Самурая уже готова. Твоя задача — оживить боевку, следуя комментариям в коде.

  1. Найди в коде абзац <p> для вывода результата и добавь ему id="result".
  2. Кнопке с неверным действием добавь onclick="checkAnswer('wrong')".
  3. Кнопке с правильным действием добавь onclick="checkAnswer('right')".
  4. В самом низу создай тег <script> и функцию function checkAnswer(answer) { ... }.
  5. Напиши блок if / else, который будет менять текст (используй textContent) и цвет сообщения в зависимости от выбора.
Песочница
Твой код (Следуй комментариям внутри)
Превью
Нажми «▶ Запустить»
чтобы проверить логику
Обучающее решение (с объяснениями)
Чеклист выполнения
0 / 6 выполнено
Частые ошибки JS