Guess the Number! is a playful, pastel-themed number guessing game built with HTML, CSS, and JavaScript. The objective? Guess a randomly generated number between 1 and 1000 in 10 tries or less.
Each time you reload the page, the background changes to a randomly selected animated GIF from a curated set of 6 aesthetic, pink-toned visuals, creating a unique and nostalgic vibe every time you play!
- 🎯 Random Number Generator from 1–1000
- 🎀 Cute animated background that changes with each refresh (6 total!)
- 💡 Prompts player input via a browser prompt box
- 💬 Feedback system that tells you:
- If your guess is too high or too low
- How close you were (up to 5 numbers off!)
- Whether you've won or lost
- 🎉 Simple UI with charming visuals and hover effects
- ⌛ 10 attempts to guess correctly
- Click the Enter button to submit a guess (via a prompt window).
- Read the feedback message.
- You have 10 attempts.
- If you lose, click Your Answer to reveal how close you were — or the exact number.
- HTML – Page structure
- CSS – Styling with pink & pastel aesthetic
- JavaScript – Game logic, interactivity, random number generation, dynamic GIF swapping
- Background GIFs: Curated from aesthetic/lo-fi art styles (credit to artists if applicable)
- Fonts: Old Standard TT
- Background.gif, Background2.gif ,Background5.gif, and Background6.gif by 27KB
- Background4.gif by fourleafclovertaiga
- Code & design: Created by Annabelle Moore