🎉 Guess My Number! 🎉
Welcome to Guess My Number, a fun, interactive number guessing game! Built entirely with JavaScript, this project highlights dynamic DOM manipulation to create an engaging user experience. Let's dive into the game and its cool features!
- Goal: Guess the secret number between 1 and 20.
- Tries: Limited attempts, so make each guess count!
- Hints: The game provides hints if your guess is too high or too low.
- Winning: Guess correctly to win and get a celebratory message!
- Dynamic Feedback: Get instant hints if your guess is high or low.
- Responsive Styling: Enjoy a smooth, intuitive interface.
- Score Tracking: See how many tries you have left and aim for a high score!
- Play Again: Want more? Hit the restart button to play again!
This project taught me the essentials of DOM Manipulation in JavaScript, including:
- Changing text, styles, and classes on the fly to create interactive elements.
- Responding to user input with event listeners for seamless gameplay.
- Updating and resetting the game dynamically with JavaScript functions.
- Clone this repository.
- Open
index.html
in your favorite browser. - Enter a number between 1 and 20 in the input box and click Guess.
- Follow the hints until you find the secret number.
- Celebrate! 🥳 Reset and try again if you wish!
Some ideas to take it further:
- Add sound effects to make the gameplay even more exciting.
Give it a go, and may the odds be ever in your favor! ✨