This Quiz Web App was made as a starter project for learning basic Javascript and CSS for styling an HTML page. This project does not uses any dependecies or libraries.
I've hosted the quiz website! Go visit it at: https://farhansayyed165.github.io/Quiz-Web-App/
This Project uses Javascript to detect how many slides are there and with the help of transform and translateY, a CSS styling property, we can set it to n number of times the base/container width, arraning it in a carousel fashion.
Once you click start, you are presented with one question and four radio inputs (radio inputs are normal checkboxes but you can only select one for every n number of children radio inputs). You can click the "next" button to cycle through the five questions. You can also click on the "previous" button to go to the previous question.
If you haven't sleected one option from each question and click the "submit" button, an error message will be propmted to you saying "Please select one option from each question". If select one option from each question and then click on the "submit" button, the result screen will popup showing you your score