The header of the application should contain two elements spaced between.
-
View Highscores On clicking on the view highscores all the highscores saved in the local storage should be shown
Use the following classes for adding the Left hand icon
fas fa-hand-point-left fa-lgbeside theView Highscores. Favicon is already setup in the<head>element.
-
Time Currently no time is shown as the quiz is not started yet
On clicking on the start quiz button the timer should be set to 50 seconds and the countdown of the timer should begin.
The question as four options are shown
On clicking on the correct option the question the next question should appear and correct text should be shown below the question, there will be no change in the timer it will continue to countdown
If the answer is wrong then you have to subtract 10 seconds from the current time left to answer the questions
If the timer reaches 0 or the user completes the questions, the box should show All done! and the final score of the user and should let the user enter their initials and submit.
When submitted the the score should be added to the highscores.
