Example: Don’t use localStorage, you can’t use it for project2.
REQUIREMENTS
Design an online quiz with questions from a topic of your choice. The
questions should be chosen from a topic, not just randomly chosen. Use
your creativity when selecting a topic.
If you want to use a different topic for questions, you can do that.
• Your quiz should include at least five questions. Each question must have
at least 3 choices.
• You must have an index.html.
As before, you can have 5 questions on separate HTML pages. Again,
include a link to go to the next page.
OR
You can have all the questions on one HTML page. HOWEVER, you
cannot do that on this attempt if you turned your project2 with all your
questions into one HTML page.
• It’s still optional to provide hints for the questions if requested. Display
and hide the hints using the JavaScript innerText.
• Have the incorrect answers, correct answers, and hints (if you choose to
use them) in a JavaScript file named quiz.js. This file must be in a folder
named js. You may not use a file upload to “load the quiz”.
• Comments in your quiz.js and any CSS rules that trigger back to the code
from your JavaScript stating why you chose the route you did with your
code. Example (You are looking are a specific ID in JavaScript. When it’s
found, you have in CSS would be that block of code for that ID to a
different color.
• Use images to indicate whether a question is incorrect or correct. Place
those images in an img folder.
• Choose how the correct answers are displayed. Options are:
After each question is answered.
OR
All at once after the quiz is done.
• Show a total score for the quiz after all answers are submitted. Options
are:
Points
OR
Percentage
• Do not use other libraries, such as jQuery or frameworks. Instead, use
the vanilla JavaScript we have been using all quarter. AGAIN, It is based on
the topics you have learned in the quarter.
• Use a CSS file name style.css to set the layout of your page. Placed the
file in a folder named css.
Grading Breakdown
• Functionality: 60 points;
• Source Code Comments in CSS and JavaScript Files: 15 points;
• Layout and Styles (CSS): 10 points;
• Zip file and project folder named correctly: 10 points
• All requirements meet with items in your project folder. 5 points
Due date: Mar 2, 2023 11:59 PM