Codelab: Number Guessing Game

Build a real number guessing game in your browser using HTML, CSS, and JavaScript — no frameworks, no build tools.

Step 1 of 7

What we're building

In this codelab, you'll build a **Number Guessing Game** that runs in a real browser. The game picks a random number between 1 and 100, and the player guesses until they get it right. After each guess, the game tells them if the number is too high, too low, or correct — and tracks how many attempts it took.

This project uses everything from this module: comparison operators, if/else, loops (conceptually — the user drives the loop by clicking), and error handling. You'll write real HTML for the interface and real JavaScript for the logic.

**What you need:** - A text editor (VS Code, or even Notepad) - A web browser (Chrome, Firefox, etc.) - A folder on your computer to save files

**No build tools, no installs, no terminal commands** — just create files and open them in your browser.

Tip: Set up your workspace
Create a new folder called `number-guesser` on your Desktop or in your Documents folder. All the files for this project go in that one folder. On Linux, you can run: `mkdir ~/Desktop/number-guesser`