Question: Implement a simple web app to create a multiple-choice quiz dynamically. The app is composed of three pages . index.html which is the landing page

Implement a simple web app to create a multiple-choice quiz dynamically. The app is composed of three pages. index.html which is the landing page of this lab which has two labels ( or buttons) hyperlinked to the next two pages of admin.html and user.html. The next two pages are as follows: Page 1, the admin.html page, is for creation of quiz questions. The second page, the user.html page is for taking the quiz that the admin has created.

At the bottom of user.html there must be a back button bringing the user to the root

landing page index.html index.html which is the landing page of this lab which has two labels ( or buttons) hyperlinked to the next two pages of admin.html and user.html.

  • User page:user.html

    Opening the user page will result in reading the quiz which was stored in local storage. If there is no quiz stored in HTML5 LocalStorage an error message gets displayed.

    After answering all the questions, the user presses submit and their score gets calculated and displayed on screen.

    Upon submission the test will be marked and the result will be displayed to user ( what questions were answered correctly ( display each question and the choices. Highlight the correct one and highlights the users' answer too so that user can compare.)

    All the 5 textareas and any textbox in the user.html page must be disabled ( not editable)

  • Note: Separate JavaScript file ( nothing inside HTML file) and separate CSS file (only external styling) and need to make admin.html page

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!