GuessMaster

Overview

GuessMaster is an interactive number guessing game developed using HTML, CSS, and JavaScript. The game challenges players to guess a randomly generated number within a limited number of attempts while providing hints and feedback after each guess.

The project focuses on JavaScript logic building, DOM manipulation, event handling, and responsive user interface design.

---

Features

Gameplay

• Random number generation
• User input validation
• Instant feedback on guesses
• Win and lose conditions

Score Tracking

• Current score display
• High score tracking
• Attempt counter

Interactive Interface

• Real-time game updates
• Dynamic messages and hints
• Responsive design for all devices

User Experience

• Restart game functionality
• Smooth interactions
• Clean and modern UI

---

Technologies Used

Frontend

• HTML5
• CSS3
• JavaScript (ES6)

Tools

• Visual Studio Code
• Git
• GitHub

---

Project Structure

GuessMaster
│
├── style.css
│
├── script.js
│
├── images
│
├── index.html
│
└── README.md

---

Installation

Clone Repository

git clone https://github.com/your-username/GuessMaster.git

Open Project

Open:

index.html

in your browser.

No additional installation is required.

---

How to Play

1. Start the game.

2. Enter a number in the input field.

3. Submit your guess.

4. Receive feedback:

   • Too High
   • Too Low
   • Correct Guess

5. Continue until you guess the correct number.

6. Try to beat your high score.

---

Key Learning Outcomes

• JavaScript Fundamentals
• DOM Manipulation
• Event Handling
• Conditional Logic
• Random Number Generation
• Responsive Web Design
• Interactive UI Development

---

Future Enhancements

• Difficulty Levels
• Timer Mode
• Multiplayer Mode
• Sound Effects
• Leaderboard System
• Dark Mode

---

Author