Agora a página tem 2 botões parecidos com um ícone ❓ —
eles estão escondidos. Para revelá-los: abra o arquivo HTML, encontre os blocos
com a classe reveal-wrapper hidden (por volta das linhas 67 e 78)
e remova a palavra hidden da classe, para que fique apenas
reveal-wrapper. Depois disso, no lugar de ❓ vão aparecer os
botões de verdade: ☠️ Poison e 💚 Heal.
Ao clicar em Poison, começa uma contagem: uma vez por segundo o HP do
personagem diminui em 5, e assim 5 vezes seguidas. A barra e o texto de HP são
atualizados depois de cada tick. O HP não pode ficar abaixo de 0 — se o
personagem morrer antes do veneno acabar, os ticks restantes simplesmente não
mudam nada.
Use a função nativa setTimeout. Se você não estiver familiarizado
com ela, revise a aula antes de tentar essa dificuldade extra.
Ao clicar em Heal, o HP do personagem aumenta instantaneamente em 20. O HP não pode ultrapassar 100.