You will follow a tutorial and design an online quiz based on HTML, CSS and Javascript.

You will create some revision questions for one of the topics in the sylabus.

• The quiz is hosted in the center of a browser window
• The quiz has 10+ questions, each question having 4 possible answers presented on pressable buttons
• Once a user selects an answer button, the button colour will change to green if the answer is correct
• If the answer is not correct, the button clicked will turn red and the correct answer button will change to green
• Once a button has been pressed, all of the 4 answer buttons are disabled
• The Next button remains hidden until a user selects an answer
• The Next button allows the user to step to the next question, where it will be hidden again until the question is answered
• Once all questions have been answered, the next button will take the user to the score screen
• The score screen reveals the total number of questions attempted along with the number answered correctly
• The score screen button text is "Play again" and if the user clicks it, the button will return the user to the first question
• If the player chooses to play again, the score is reset to 0

NOTE

If you are using a simple text editor eg Sublime Text, create a project folder and create the following 3 files:

• quiz.html
• script.js
• style.css