🎮 Quiz Game

A modern and interactive 10-question country quiz game built using HTML, CSS, and JavaScript.

The quiz begins by asking the user which country they are from. The remaining questions are then based on the selected country. Users can track their progress, answer multiple-choice questions, and receive a final score with personalised feedback.

🌐 Live Demo

Play the Quiz Game:
http://127.0.0.1:5500/index.html

🚀 Features

• 🎯 10-question interactive quiz
• 🌍 Country selection
• 🧠 Country-specific questions
• ✅ Multiple-choice answers
• 📊 Real-time score tracking
• 📈 Animated progress bar
• 🔢 Question counter
• 🚫 No back button
• ➡️ Forward-only navigation
• 🏆 Final score calculation
• 💬 Personalised performance feedback
• 🔄 Play Again functionality
• 📱 Responsive design
• 💻 Works on desktop, tablet and mobile
• 🎨 Modern blue and red user interface
• ⚡ Runs directly in the browser
• 🔐 No login or registration required
• 🗄️ No database required

🛠️ Technologies Used

• HTML5 – Website structure
• CSS3 – Styling, layout and responsive design
• JavaScript – Quiz logic, questions, scoring and interactions
• GitHub Pages – Website hosting

🎮 How the Quiz Works

1. The user opens the Quiz Game.
2. The welcome screen asks: "Are you ready for this quiz?"
3. The user clicks START QUIZ.
4. Question 1 asks: "Which country are you from?"
5. The user selects their country.
6. The game provides 9 additional questions about that country.
7. The user selects one answer for each question.
8. The user clicks NEXT QUESTION to continue.
9. The progress bar updates after every question.
10. The user cannot return to previous questions.
11. After Question 10, the final score is displayed.
12. The user receives personalised feedback.
13. The user can click PLAY AGAIN to restart the quiz.

🌍 Currently Supported Countries

The current version includes country-specific questions for:

• 🇿🇦 South Africa
• 🇮🇳 India
• 🇺🇸 United States
• 🇬🇧 United Kingdom

More countries and questions can be added in future versions.

📊 Scoring System

Each correct answer is worth 1 point.

The maximum score is:

10/10

Performance feedback is provided based on the user's final score.

Score Feedback

• 10/10 – Outstanding!
• 8–9/10 – Great job!
• 6–7/10 – Good effort!
• 4–5/10 – Keep learning!
• 0–3/10 – Better luck next time!

📁 Project Structure

Quiz-Game/
│
├── index.html
├── style.css
├── script.js
└── README.md