Advertisement
ZazoTazo

Quiz

Dec 23rd, 2020
1,188
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.60 KB | None | 0 0
  1. <form id="quiz">
  2.                 <label>1. What house at Hogwarts did Harry belong to?</label><br>
  3.                 <input type="text" id="firstQ"><span id="firstA"></span><br><br>
  4.                 <label>2. Which pet did Harry own?</label><br>
  5.                 <input type="text" id="secondQ"><span id="secondA"></span><br><br>
  6.                 <label>3. What was the name of Harry's pet?</label><br>
  7.                 <input type="text" id="thirdQ"><span id="thirdA"></span><br><br>
  8.                 <label>4. What is Harry's patronus ?</label><br>
  9.                 <input type="text" id="fourthQ"><span id="fourthA"></span><br><br>
  10.                 <label>5. Did Harry's pet die?</label><br>
  11.                 <input type="radio" id="correct" value="True" name="answer">
  12.                 <label>True</label>
  13.                 <input type="radio" id="wrong" value="False" name="answer">
  14.                 <label>False</label> <span id="fifthA"></span>
  15.                 <br><br><input type="button" id="submit" value="Submit" onclick="submitQuiz()">
  16.             </form>
  17.         </div>
  18.  
  19.         <script>
  20.             var firstQuestion = document.getElementById('firstQ');
  21.             var secondQuestion = document.getElementById('secondQ');
  22.             var thirdQuestion = document.getElementById('thirdQ');
  23.             var fourthQuestion = document.getElementById('fourthQ');
  24.             var trueBox = document.getElementById('correct');
  25.             var wrongBox = document.getElementById('wrong');
  26.  
  27.             var result = 0;
  28.             var count = 0;
  29.  
  30.             var fq = firstQuestion.value;
  31.             var sq = secondQuestion.value;
  32.             var tq = thirdQuestion.value;
  33.             var fourq = fourthQuestion.value;
  34.  
  35.             function submitQuiz(){
  36.                 if(fq.toLowerCase() == "gryffindor"){
  37.                     result++;
  38.                     count++;
  39.                 }
  40.                 else{
  41.                     document.getElementById('firstA').innerHTML = "Correct Answer: Gryffindor";
  42.                     count++;
  43.                 }
  44.                 if(sq.toLowerCase() == "owl"){
  45.                     result++;
  46.                     count++;
  47.                 }
  48.                 else{
  49.                     document.getElementById('secondA').innerHTML = "Correct Answer: Owl";
  50.                     count++;
  51.                 }
  52.                 if(tq.toLowerCase() == "hedwig"){
  53.                     result++;
  54.                     count++;
  55.                 }
  56.                 else{
  57.                     document.getElementById('thirdA').innerHTML = "Correct Answer: Hedwig";
  58.                     count++;
  59.                 }
  60.                 if(fourq.toLowerCase() == "stag"){
  61.                     result++;
  62.                     count++;
  63.                 }
  64.                 else{
  65.                     document.getElementById('fourthA').innerHTML = "Correct Answer: Stag";
  66.                     count++;
  67.                 }
  68.                 if(trueBox.checked == true){
  69.                     result++;
  70.                     count++;
  71.                 }
  72.                 else if(wrongBox.checked == true){
  73.                     document.getElementById('fifthA').innerHTML = "Correct Answer: True";
  74.                     count++;
  75.                 }
  76.                 else{
  77.                     alert("Error! True or False question is not answered.")
  78.                 }
  79.                 if(count == 5){
  80.                     alert("Your Score is " + (result*20));
  81.                     count = 0;
  82.                 }
  83.                 else{
  84.                     alert("You have a question not answered");
  85.                 }
  86.             }
  87.         </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement