🎯 GUESSIFY

Interactive Number Guessing Game (Web-Based)

<div align="center">

Guess smart. Think fast. Crack the number.

</div>

---

🎯 Overview

Guessify is a fun and interactive web-based number guessing game. The system randomly generates a secret number, and the user tries to guess it. After each guess, the game gives instant feedback: too high, too low, or correct.

💡 Why Guessify? It helps you practice logical thinking, improves number intuition, and teaches DOM manipulation basics in real-time.

---

✨ Key Features

• Random number generation (1–100)
• Real-time feedback
• Attempt counter
• Input validation
• Play Again / Reset button
• Fully client-side

---

🛠️ Tech Stack

| Technology | Purpose | |:----------|:--------| | HTML | Structure | | CSS | Styling | | JavaScript | Game logic & DOM updates |

---

🧠 How It Works

1. Generate a random number (1–100) on page load.
2. User enters a guess & clicks Check Guess.
3. Validate input (number, 1–100).
4. Compare guess with secret number.
   • Too low → "Too Low"
   • Too high → "Too High"
   • Correct → "Congratulations!"
5. Increment attempt counter.
6. On correct guess, show Play Again button.

---

🧩 UI Components

• Header with title & instructions
• Number input field
• Check Guess button
• Feedback message area
• Attempts counter
• Play Again button

---

🏗️ Project Structure

Guessify/
├── index.html
├── style.css
├── script.js
└── README.md

---

🎯 Learning Outcomes

• JavaScript logic & conditionals
• Event handling
• DOM manipulation
• Input validation
• Frontend project structuring

---

🚀 Future Enhancements

• Difficulty levels
• Max attempt limits
• Timer-based gameplay
• Sound effects
• Scoreboard with localStorage

---

👤 Developer

Bhavith Madhav
Cybersecurity & Network Security Enthusiast