Indi.gg Quiz Asssignment

This is an interactive quiz web application built with HTML, CSS, and JavaScript. The project includes a set of multiple-choice questions, provides feedback on user answers, keeps track of the user's score, and allows navigation through questions. Below, you'll find information on how the project is structured and how to use it.

Table of Contents

• Demo
• Project Structure
• Usage
• Styling
• JavaScript Functionality
• Bonus Features
• Contributing

Demo

A live demo of the project can be accessed at https://indigg-assignment.vercel.app/.

Project Structure

The project's structure is as follows:

• index.html: The HTML file containing the quiz structure, questions, and buttons.
• styles.css: The CSS file for styling the quiz page.
• script.js: The JavaScript file responsible for making the quiz interactive.

Usage

To use this interactive quiz, simply open the index.html file in a web browser. You'll be presented with the first question and answer options. Here's how it works:

1. When the page loads, the first question is displayed.
2. Select an answer option by clicking on it.
3. Click the "Submit" button to check if your answer is correct.
4. Receive feedback on your in color if it red means incorrect answer else it show green,it means correct answer .
5. Use the "Next" button to proceed to the next question.
6. Repeat steps 2-5 for all questions.
7. After completing the quiz, see your final score.
8. There is restart button through which you can restart your quiz.

Styling

The quiz page is styled using CSS to make it visually appealing. Styling includes formatting for questions, answer options, and buttons. Hover and click effects are applied to buttons for user interaction.

JavaScript Functionality

The JavaScript file (script.js) is responsible for making the quiz interactive. It handles the following functionality:

• Displaying questions and answer options.
• Validating and providing feedback in colors on selected answers.
• Keeping track of the user's score.
• Providing navigation through questions with the "Next" button.
• Displaying the final score upon completing the quiz.

Bonus Features

The project may include additional features like:

• A "Restart" button to allow users to retake the quiz.

Contributing

If you'd like to contribute to this project, feel free to open issues or submit pull requests. Your contributions are welcome and appreciated.

Enjoy the quiz!