Instructions & Help

A simulator that tracks hydration based on a running LIST of every button clicked. Every click re-scans the whole list and recalculates a hydration number from scratch, then shows a message based on where that number lands. Fill in the missing code in code.js, one TODO at a time.

Try each TODO yourself first. If you get stuck, use the hint button for that spot — hints start vague and get more specific. The last hint is the literal answer.

⏱ Hints are on a shared 30-second timer. Asking for a hint anywhere locks every hint button on the page — there's no dodging the wait by jumping to a different blank.

Trace these by hand first — figure out what hydrationList contains and what hydration adds up to before clicking an answer. You get one attempt per question.

Your certificate below is based on your Predict & Check results. It updates automatically as you answer questions.

Once your code works and you've finished Predict & Check, try any of these:

• Add a new drink (like "juice_button") with its own hydration value — you'll need a new button in the HTML, a new image, AND a new conditional inside the loop.
• Change the hydration values so the game plays differently (what if water only added 0.5 instead of 1.8? Try it and see how it changes strategy).
• Add a running click counter on the page showing hydrationList.length, so players can see how many actions they've taken.
• Stretch: add a "reset" button that empties hydrationList and resets the display back to the starting state.