https://github.com/elharchaoui-sifeddine/guessnumber

"Guess My Number" is a thrilling web-based game where players guess a number between 1 and 20, aiming to beat their high score. With vibrant design and dynamic feedback, it offers an engaging experience.
https://github.com/elharchaoui-sifeddine/guessnumber

guess-the-number guessing-game guessing-number-game guessmynumber

Last synced: about 2 months ago
JSON representation

"Guess My Number" is a thrilling web-based game where players guess a number between 1 and 20, aiming to beat their high score. With vibrant design and dynamic feedback, it offers an engaging experience.

• Host: GitHub
• URL: https://github.com/elharchaoui-sifeddine/guessnumber
• Owner: ELHARCHAOUI-SIFEDDINE
• License: mit
• Created: 2024-05-28T09:22:05.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-05-28T10:15:37.000Z (11 months ago)
• Last Synced: 2025-01-10T07:02:42.972Z (4 months ago)
• Topics: guess-the-number, guessing-game, guessing-number-game, guessmynumber
• Language: JavaScript
• Homepage: https://guess-number-red.vercel.app
• Size: 5.86 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Guess My Number Game 🎮

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.

## Demo 🕹️

Check out the live demo [here](https://guess-number-red.vercel.app/).

## Features 🚀

- **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.

## Technologies Used 🛠️

- HTML

- CSS (Tailwind CSS)

- JavaScript

## How to Play 🎲

1. **Guess a Number**: Input your guess in the provided input field.

2. **Check**: Click the "Check" button to see if your guess is correct.

3. **Winning**: Keep guessing until you find the correct number. The game will provide feedback on whether your guess is too high or too low.

4. **Score**: Your score starts at 20 and decreases with each incorrect guess. Try to achieve the highest score possible.

## Files 🗂️

- **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.

## Code Overview 🧩

### HTML Structure

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.

### JavaScript Logic

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.

## Screenshot 📸

![guess](https://github.com/ELHARCHAOUI-SIFEDDINE/GuessNumber/assets/161469816/8772bfa8-1ba6-4784-9f71-e9d21039f8f0)

## Setup 🛴

1. **Clone the repository**:

    ```bash

    git clone https://github.com/ELHARCHAOUI-SIFEDDINE/GuessNumber.git

    ```

2. **Navigate to the project directory**:

    ```bash

    cd GuessNumber

    ```

3. **Open `index.html` in your preferred web browser**.

## Contributing 🤝

Contributions are welcome! If you have ideas for improvements or new features, feel free to submit a pull request.

## License 📜

This project is licensed under the MIT License.

## Contact 📧

For any inquiries or feedback, please contact [[email protected]](mailto:[email protected]).