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
Get step-by-step solutions from verified subject matter experts
