How to Make a Basic JavaScript Quiz

 var 
 start 
 = 
 function 
 (){ 
 } 

• This code creates a variable(var) named 'start': var start . This variable is a function.
• A variable is a key word that has a bit of data assigned to it, in this case a function.
• A function is a section of code that can be 'called'. When it is called it runs the code inside its {}. This is so that you don't have to write out the same thing more than once.

 var 
 correct 
 = 
 0 
 ; 
 var 
 incorrect 
 = 
 0 
 ; 
 var 
 question 
 = 
 "none" 
 ; 
 var 
 input 
 = 
 "none" 
 ; 
 var 
 answer 
 = 
 "none" 
 ; 

• correct : This is how many questions the user has answered correctly.
• incorrect : This is how many questions the user has answered incorrectly.
• question : This is the question that the user will be given, it will change for each new question.
• input :This will hold the user's answer or their 'input'.
• answer : This will hold the correct answer to the question.
• Note: when you use a variable you don't need to write var, you do this only when making the variable.

 var 
 ask 
 = 
 function 
 (){ 
 input 
 = 
 prompt 
 ( 
 question 
 ); 
 }; 

• Ask is a variable which is a function.
• The function sets the variable input to the response of the prompt containing the variable question.
• So in summary: The function asks the user a question in a prompt. The users response is then set to the variable input. So input is the answer that the user put.

 var 
 score 
 = 
 function 
 (){ 
 if 
 ( 
 input 
 == 
 answer 
 ){ 
 correct 
 = 
 correct 
 + 
 1 
 ; 
 alert 
 ( 
 "correct" 
 ); 
 } 
 else 
 { 
 incorrect 
 = 
 incorrect 
 + 
 1 
 ; 
 alert 
 ( 
 "incorrect" 
 ); 
 } 
 }; 

• The variable score is a function.
• if the variable input is equal to the variable answer(this is correct) the variable correct it equal to itself plus one.
• And it gives the user an alert that reads: 'correct'.
• else the variable incorrect is equal to itself plus one.
• And it gives the user an alert that reads: 'incorrect'.
• In summary: this function checks if the users input is the same as the answer, meaning it is correct. If there is a match then the amount correct goes up one and it alerts the user that their answer was correct. If there wasn't a match the amount of incorrect goes up one and it alerts the user their answer was incorrect.

 var 
 lazy 
 = 
 function 
 (){ 
 ask 
 (); 
 score 
 (); 
 }; 

• The variable lazy is a function.
• When run it calls two functions: ask(); and score(); .
• In summary: This function just calls two other functions. It means when you want to call both 'ask' and 'score,' you don't have to call them separately; you can just call 'lazy'.

 alert 
 ( 
 "welcome to my quiz, you will be answering 10 questions." 
 ); 

 question 
 = 
 "What is the matrix?" 
 ; 
 answer 
 = 
 "There is no spoon" 
 ; 

• The single = assigns the thing on the right to the variable on the left. This means that the variable question now holds the text(string)"What is the matrix?". And the variable answer holds the text(string) "There is no spoon".

 lazy 
 (); 

• The function 'ask' asks the user the question and saves the users input to the variable input. The function 'score' checks if the users input matches the variable answer and changes the variables 'correct' and 'incorrect' appropriately.

How many they got correct:

 alert 
 ( 
 "Well done, you got " 
 + 
 correct 
 + 
 " out of 10" 
 ); 

 < 
 button 
 onClick 
 = 
 "start()" 
 > 
play </ 
 button 
 > 

• This adds a button to your page with the word 'start' on it. When the user clicks on it it will run the function 'start'. This function contains the code of the game.

tag you can add plane text to your web page. You could warn the user that the answers are case sensitive or tell them to have a nice day. Fell free to add whatever you want to.