Skip to content

Car Guessing Game, where I tried to recreate a childhood game. Used a lot of Javascript and basic CSS + HTML.

Notifications You must be signed in to change notification settings

donbagger/Car-Guessing-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Car Guessing Game

Welcome to the Car Guessing Game, a fun, interactive game built using HTML, CSS, and JavaScript!

Gameplay

The objective of the game is to guess the correct combination of colored cars hidden behind a row of hidden car images. You have multiple attempts to guess the correct color and position of the cars. After each guess, you'll receive feedback on how many cars are in the correct color and how many are both the correct color and in the correct position.

Difficulty Levels:

  • Normal: 6 car colors (Red, Green, Blue, Orange, Pink, Yellow)
  • Hard: 7 car colors (adds Lime)
  • Impossible: 8 car colors (adds Lime and Purple)

Features:

  • Difficulty Levels: Choose from Normal, Hard, and Impossible modes.
  • 10 Attempts: You get up to 10 tries to guess the correct combination.
  • Feedback: Receive feedback after each guess regarding correct color and correct position.
  • Game Reveal: At the end of the game (win or lose), the correct car combination is revealed.
  • Dynamic UI: Responsive design with car images replacing dropdowns for ease of play.

How to Play

  1. Select your preferred difficulty level (Normal, Hard, or Impossible).
  2. Click the "Start the Game!" button to begin.
  3. For each row, use the dropdown to select the car color for each position.
  4. After making your guess, click "Submit Guess."
  5. Based on your feedback, adjust your guesses and try again.
  6. If you guess all correct cars in their correct positions, you win!
  7. If you use all 10 attempts without success, the game ends, and the correct answer is revealed.

Play Online

You can play the Car Guessing Game directly on GitHub Pages: Play Now

Technologies Used

  • HTML5: Markup for the game structure.
  • CSS3: Styling and layout for the game interface.
  • JavaScript: Game logic and interactivity.

Repository

You can view the source code and contribute at: Car Guessing Game Repository

Setup Instructions

  1. Clone the repository to your local machine:
    git clone https://github.com/donbagger/Car-Guessing-Game.git
    
  2. Open the index.html file in your web browser to start playing the game locally.

License

This project is licensed under the MIT License.

Enjoy playing the Car Guessing Game!

About

Car Guessing Game, where I tried to recreate a childhood game. Used a lot of Javascript and basic CSS + HTML.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published