BananaMaster

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

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

📘 Задание: Battle HP Bar

На странице нарисован персонаж и полоска HP над ним. Под персонажем — 4 кнопки атаки.

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

• Элемент с текстом HP — например, class="hp-text"
• Полоска HP — например, class="hp-bar-fill"
• 4 кнопки атаки

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

• ❤️ Максимум HP — 100, столько же в начале боя
• 👊 Punch — 10 урона
• 🦵 Kick — 15 урона
• 🔥 Fireball — 25 урона
• 💥 Critical — 40 урона

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

При клике на любую из 4 кнопок текущий HP персонажа уменьшается на урон этой кнопки. HP не может уйти ниже 0. После каждого клика полоска и текст HP на экране обновляются и показывают актуальное значение.

🧪 Пример:

Персонаж начинает бой со 100 HP. Пользователь нажимает кнопки по очереди:

• 🔥 Fireball → 100 - 25 = 75
• 👊 Punch → 75 - 10 = 65
• 💥 Critical → 65 - 40 = 25

После этих трёх кликов на экране должно быть:

25 / 100 HP