En la página hay ahora 2 botones que parecen un icono ❓ —
están ocultos. Para revelarlos: entra en el archivo HTML, busca los bloques con
la clase reveal-wrapper hidden (aproximadamente en las líneas 67 y
78) y quita la palabra hidden de la clase, para que quede solo
reveal-wrapper. Después de eso, en lugar de ❓ aparecerán los
botones reales: ☠️ Poison y 💚 Heal.
Al hacer clic en Poison comienza una cuenta regresiva: una vez por
segundo el HP del personaje disminuye en 5, y así 5 veces seguidas. La barra y
el texto de HP se actualizan después de cada tick. El HP no puede bajar de
0 — si el personaje muere antes de que el veneno termine, los ticks
restantes simplemente no cambian nada.
Usa la función incorporada setTimeout. Si no estás familiarizado con
ella, revisa la lección antes de intentar este desafío adicional.
Al hacer clic en Heal, el HP del personaje aumenta instantáneamente en 20. El HP no puede superar 100.