Auf der Seite gibt es aktuell 2 Buttons, die wie ein ❓-Symbol
aussehen — sie sind versteckt. Um sie sichtbar zu machen: öffne die HTML-Datei,
finde die Blöcke mit der Klasse reveal-wrapper hidden (etwa Zeile
67 und 78) und entferne das Wort hidden aus der Klasse, sodass nur
noch reveal-wrapper übrig bleibt. Danach erscheinen anstelle von
❓ die echten Buttons: ☠️ Poison und 💚 Heal.
Beim Klick auf Poison startet ein Countdown: einmal pro Sekunde
verringern sich die HP des Charakters um 5, und das 5-mal hintereinander. Die
HP-Leiste und der Text werden nach jedem Tick aktualisiert. Die HP dürfen
nicht unter 0 fallen — stirbt der Charakter, bevor das Gift abgelaufen
ist, ändern die verbleibenden Ticks einfach nichts mehr.
Verwende die eingebaute Funktion setTimeout. Falls du sie nicht
kennst, schau dir die Lektion an, bevor du diese Zusatzaufgabe angehst.
Beim Klick auf Heal erhöhen sich die HP des Charakters sofort um 20. Die HP dürfen nicht über 100 steigen.