Welcome to Guess My Number, an exciting web-based guessing game where players try to guess a random number between 1 and 20. The game is built using HTML, CSS (Tailwind CSS), and JavaScript, providing an enjoyable user experience with dynamic styling and seamless functionality.
Check out the live demo here.
- Guessing Game: Players try to guess a number between 1 and 20.
- Interactive Interface: Dynamic styling and engaging user interface.
- Score Tracking: Keep track of the current score and high score.
- Responsive Design: Optimized for various screen sizes and devices.
- HTML
- CSS (Tailwind CSS)
- JavaScript
- Guess a Number: Input your guess in the provided input field.
- Check: Click the "Check" button to see if your guess is correct.
- Winning: Keep guessing until you find the correct number. The game will provide feedback on whether your guess is too high or too low.
- Score: Your score starts at 20 and decreases with each incorrect guess. Try to achieve the highest score possible.
- index.html: Contains the structure of the game.
- style.css: Custom CSS styles for the game, including Tailwind CSS classes.
- script.js: JavaScript file containing the game logic.
The HTML structure includes elements for the game title, number guessing input, buttons for checking and resetting the game, and sections for displaying messages and scores.
The JavaScript logic handles generating a random number, comparing the user's guess with the target number, updating the score, providing feedback messages, and resetting the game.
-
Clone the repository:
git clone https://github.com/ELHARCHAOUI-SIFEDDINE/GuessNumber.git
-
Navigate to the project directory:
cd GuessNumber -
Open
index.htmlin your preferred web browser.
Contributions are welcome! If you have ideas for improvements or new features, feel free to submit a pull request.
This project is licensed under the MIT License.
For any inquiries or feedback, please contact elharchaouisifeddine@gmail.com.