This is a quiz that will test the Javascript knowledge of the user taking the quiz. The user will deploy the website and will be presented with a box that explains the rules of the quiz. The box discusses the instructions of the quiz and the penalties of gettings questions wrong. The first screen the user will come to is below.
The user will then hit the Start Quiz button and the quiz will then begin. The first question will show and a timer will appear in the upper right corner of the screen. The user will read the question and then choose the appropriate answer. If the answer is correct, a message will appear below the questions indicating that the answer is correct. If the answer the user chooses is incorrect, a message will appear indicating that the answer is wrong and the time remaining will be reduced by 15 seconds.
The process will continue until all questions are answered either correctly or incorrectly, or the timer reaches zero. At that point, the end quiz screen will display.
Once the end screen displays it will show the user their score and will give them the option to enter their name and save the score. The user is required to enter something in the input area or they will receive an alert message explaining that a name must be entered. Once the user enters their name and clicks the save score button. Their name and score will then be displayed below the save score button.
At this point the quiz is complete.
- HTML
- Javascript
- CSS
- Local Storage