Нанесение урона персонажу на JS

Question

Нанесение урона персонажу на JS

Даня Марков Ученик (160), на голосовании 1 год назад

Нужен пример кода JS чтоб при нажатие на кнопку наносился определенный урон

Answer 1

Semen Kapacuk Гуру (3754) 1 год назад

 button.addEventListener('click', () => { 
  makeDamage(700) 
})

Answer 2

При нажатии на кнопку из переменной которая отвечает за здоровье персонажа вычитается к примеру другая переменная отвечает за урон. Или же просто число.

Answer 3

сначала нарисуй персонаж создай для него урон определись где будешь хранить а потом уже делай изменение урона

Answer 4

 const btns = document.querySelectorAll('.damage'); 
const elem = document.querySelector('.char'); 
const char = { 
   good: '#2CCE62', 
   ok: '#BCCE5C', 
   bad: '#CE6C1D', 
   crit: '#D8272E', 
   health: 200 
} 
 
btns.forEach(btn => btn.addEventListener('click', onDamage)); 
 
function onDamage({target}) { 
   if (target.value === 'Лечение' && char.health > 0 && char.health < 200) { 
      char.health += 5; 
   } else if (target.value === 'Урон' && char.health > 0 && char.health <= 200) { 
      char.health -= 5; 
   } else if (target.value === 'Крит. урон' && char.health > 0 && char.health <= 200) { 
      char.health -= 50; 
   } 
   if (char.health >= 200) char.health = 200; 
   if (char.health <= 0) char.health = 0; 
   if (char.health >= 150) elem.style.background = char.good; 
   else if (char.health >= 100) elem.style.background = char.ok; 
   else if (char.health >= 50) elem.style.background = char.bad; 
   else if (char.health > 0) elem.style.background = char.crit; 
   else btns.forEach(e => e.value = 'Смерть!'); 
   elem.style.height = `${char.health}px`; 
}