Победа и кнопка «Играть снова»

Урок 6.2 · Интерфейсы и сайты с нуля · Модуль 6. Проект: своя мини-игра · По подписке

Цель урока: Добавить в игру финал: сообщение о победе, выключение удара и перезапуск.

Нужно знать заранее: Урок 6.1

Объяснение

Зачем это нужно: Игра без конца — ещё не игра: игрок не понимает, выиграл он или нет. Финал превращает «кнопку, которая считает» в настоящую игру: появляется цель, победа и возможность начать заново.

Как это работает: Условие — это команда «сделай это, только если…». Записывается словом if: if (hp <= 0) { … } Запись hp <= 0 читается «здоровье меньше или равно нулю». Внутри фигурных скобок пишется то, что должно произойти в этом случае: показать сообщение и выключить кнопку удара. Кнопку выключают свойством disabled: document.getElementById('hit').disabled = true. Отключённая кнопка выглядит бледной и больше не реагирует на нажатия — удар перестаёт добавлять очки. Перезапуск — это возврат переменных к начальным значениям: score = 0, hp = 100, сообщение очищается, а кнопка удара снова включается (disabled = false). После этого значения нужно ещё раз вывести на страницу.

Пример с разбором: if (hp <= 0) { hp = 0 document.getElementById('result').textContent = 'Победа! Враг побеждён.' document.getElementById('hit').disabled = true } Сначала здоровье уменьшается, потом проверяется. Если оно дошло до нуля, игра показывает победу и выключает удар.

Уроки модуля 6

• 6.1 Мини-игра: очки и здоровье врага (бесплатно)
• 6.2 Победа и кнопка «Играть снова» — вы здесь (по подписке)
• 6.3 Урон и усиление: числа, которые меняют игру (по подписке)
• 6.4 Счёт и рекорд: сохраняем лучшее (по подписке)
• 6.5 Полоска здоровья меняет цвет (по подписке)
• 6.6 Журнал боя: что произошло (по подписке)
• 6.7 Мини-проект: игра целиком (по подписке)
• 6.8 Разбор игры: что не так (по подписке)