Счёт и рекорд: сохраняем лучшее

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

Цель урока: Добавить рекорд, который не сбрасывается кнопкой «Играть снова».

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

Объяснение

Зачем это нужно: Счёт показывает, как идёт текущая игра. Рекорд показывает, как хорошо вы играли раньше. Это две разные вещи: счёт сбрасывается, рекорд остаётся. Так у игры появляется цель — побить свой результат.

Как это работает: let best = 0 — лучший результат. После каждого изменения счёта проверяем: if (score > best) { best = score }. Если текущий счёт больше рекорда, рекорд обновляется. Рекорд выводится в отдельный блок #best. Кнопка «Играть снова» сбрасывает score и hp, но не трогает best: иначе рекорд исчезал бы вместе с игрой. Math.max(best, score) — короткая запись того же: «возьми большее из двух».

Пример с разбором: let best = 0

document.getElementById('hit').onclick = function () { score = score + 10 if (score > best) { best = score } document.getElementById('best').textContent = best } После каждого удара рекорд сравнивается со счётом и обновляется, если счёт больше.

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

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