BananaMaster

47.3 - Боевая сцена: regen и reset, практика (JS уроки — аргументы и return)

Если что то забыли кликни для перехода на урок

📘 Задание: Battle HP Bar — Regen & Reset

🏗️ Что нужно подготовить в HTML:

Сейчас на странице есть 2 кнопки, которые выглядят как значок ❓ — они спрятаны. Чтобы их открыть: зайди в HTML-файл, найди блоки с классом reveal-wrapper hidden (примерно строки 89 и 100) и убери из класса слово hidden, чтобы получилось просто reveal-wrapper. После этого вместо ❓ появятся настоящие кнопки: ✨ Regen и 🔄 Reset.

⚔️ Правила боя:

• ✨ Regen — восстанавливает 10 HP каждую секунду, в течение 5 секунд
• 🔄 Reset — мгновенно возвращает HP персонажа на максимум (100)
• 🎨 Цвет полоски HP зависит от процента здоровья:
  — больше 50% — "#3ecf4a"
  — от 20% до 50% включительно — "yellow"
  — меньше 20% — "red"

📐 Как это должно работать:

При клике на Regen начинается отсчёт: раз в секунду HP персонажа увеличивается на 10, и так 5 раз подряд. Полоска и текст HP обновляются после каждого тика. HP не может стать больше 100.

При клике на Reset HP персонажа сразу становится равным 100, независимо от того, сколько HP было до этого. Полоска и текст HP обновляются сразу.