Game that ask questions and give marks based on your selection of options!!
🎯 Quiz Web App
A simple interactive Quiz Application built with HTML, CSS, and JavaScript. Users can attempt 5 multiple-choice questions, get instant feedback, track their score, and view a progress bar that increases when they answer correctly.
🚀 Features
📖 5 Multiple-Choice Questions (easily extendable).
✅ Real-time scoring as users answer.
📊 Dynamic progress bar that fills when the answer is correct.
📱 Responsive design (works on desktop & mobile).
🎨 Smooth UI with animations for better user experience.
🛠️ Tech Stack
HTML5 → structure of quiz, questions, and options.
CSS3 → responsive styling, layout, and progress bar animation.
JavaScript (ES6) → quiz logic, score calculation, progress updates, DOM manipulation.
📸 Demo Preview
(Add screenshot/gif of your app here once ready — e.g.,
)
⚙️ How It Works
User starts the quiz and answers one question at a time.
On each answer:
If correct → score increases & progress bar fills.
If wrong → move to next without progress increase.
At the end → final score is displayed.
🧠 Learning Outcomes
Hands-on practice with DOM manipulation (updating questions dynamically).
Using event listeners for button clicks.
Implementing conditional logic in JavaScript.
Updating CSS dynamically via JavaScript (progress bar).
🔮 Future Enhancements
⏳ Add a timer per quiz/question.
💾 Store results in localStorage to track past attempts.
🌐 Connect to a backend (MongoDB/Node.js) for dynamic questions.
🏆 Add leaderboard/score history.
Clone the repository:
Open index.html in your browser.
Play the quiz 🚀