Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

IT 238 Interactive Web Scripting: REQUIREMENTS: Design an online quiz with questions from a topic of your choice. The questions should be chosen from a

IT 238 Interactive Web Scripting:

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.

. Its 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 its 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

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.

Functionality:

Source Code Comments in CSS and JavaScript Files:

Layout and Styles (CSS):

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

DATABASE Administrator Make A Difference

Authors: Mohciine Elmourabit

1st Edition

B0CGM7XG75, 978-1722657802

More Books

Students also viewed these Databases questions