This is a simple quiz application built using HTML, CSS, and JavaScript. It allows users to answer multiple-choice questions and provides immediate feedback on their answers. Quiz Application
The HTML file (index.html
) provides the structure of the quiz application. It contains:
- A container (
div
) for the quiz content, including the question and options. - Radio buttons and labels for each option.
- Buttons for navigation and interaction with the quiz.
- Dialog overlays for displaying alerts and contact forms.
The CSS file (style.css
) styles the HTML elements to create an appealing and functional user interface. Key styling includes:
- Layout adjustments for the quiz container and its components.
- Styling for buttons, labels, and input elements.
- Dialog box styling for alerts and contact forms.
- Animation effects for button hover states.
The JavaScript file (script.js
) provides the functionality for the quiz application. Key features include:
- Storing quiz data such as questions, options, and correct answers in an array of objects.
- Loading quiz questions and options dynamically.
- Handling user interactions such as selecting options and navigating through the quiz.
- Displaying alerts for incomplete selections and providing a contact form for further assistance.
Feel free to modify and enhance the application as needed!