TriviaGame/index.html at master · ncevallos/TriviaGame · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="UTF-8">
    <title>Mario Game</title>
    <link rel="stylesheet" type="text/css" href="assets/css/reset.css">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="assets/javascript/app.js"></script>

  </head>
  <body background="assets/images/New-Super-Mario-Bros.jpg">
    <div class="jumbotron" id="jumbo">
      <h1>Mario Trivia Game!</h1>
      <div id="howToPlay">
      <p>How much do you know about Mario??? Finish the trivia below before the timer runs out and test your Mario knowledge!</p>
      <div id="timerContainer">
      <h3>Time Remaining: </h3>
    <div id="timer">
    <h3>30</h3>
    </div>
    </div>
    </div>
      <div id="radioButtons">
<h2>Bowser character has always been a villian.</h2>
<form name="frm1" action="" method="post">
<label for="q1true">True</label>
<input type="radio" name="question1" id="q1true" value="True" />

<label for="q1false">False</label>
<input type="radio" name="question1" id="q1false" value="False" / >

<br><br>
<h2>Princess Daisy first appeared in a Mario game in what year?</h2>
<label for="q2a1">1989</label>
<input type="radio" name="question2" id="q2a1" value="1989" />

<label for="q2a2">1992</label>
<input type="radio" name="question2" id="q2a2" value="1992" / >

<label for="q2a3">1995</label>
<input type="radio" name="question2" id="q2a3" value="1995" / >

<label for="q2a4">1994</label>
<input type="radio" name="question2" id="q2a4" value="1994" / >
<br><br>
<h2>What year was the Super Mario Bros movie released?</h2>
<label for="q3a1">1993</label>
<input type="radio" name="question3" id="q3a1" value="1993" />

<label for="q3a2">1997</label>
<input type="radio" name="question3" id="q3a2" value="1997" / >

<label for="q3a3">1990</label>
<input type="radio" name="question3" id="q3a3" value="1990" / >

<label for="q3a4">1995</label>
<input type="radio" name="question3" id="q3a4" value="1995" / >
<br><br>
<h2>Super Mario Bros is in the Guinness book of World Records as the most successful gamiong franchise of all time? </h2>
<label for="q4a1">True</label>
<input type="radio" name="question4" id="q4a1" value="True" />

<label for="q4a2">False</label>
<input type="radio" name="question4" id="q4a2" value="False" / >
<br><br>
<h2>In all of Mario's game appearances, he has always been the hero.</h2>
<label for="q5a1">True</label>
<input type="radio" name="question5" id="q5a1" value="True" />

<label for="q5a2">False</label>
<input type="radio" name="question5" id="q5a2" value="False" / >
<br><br>
<h2>Mario has appeared in over _____ video games?</h2>
<label for="q6a1">200</label>
<input type="radio" name="question6" id="q6a1" value="200" />

<label for="q6a2">50</label>
<input type="radio" name="question6" id="q6a2" value="50" / >

<label for="q6a3">75</label>
<input type="radio" name="question6" id="q6a3" value="75" / >

<label for="q6a4">100</label>
<input type="radio" name="question6" id="q6a4" value="100" / >
<br><br>
<h2>Mario was originally created by _______ ?</h2>
<label for="q7a1">Shigeru Miyamoto</label>
<input type="radio" name="question7" id="q7a1" value="Shigeru Miyamoto" />

<label for="q7a2">Gunpei Yokoi</label>
<input type="radio" name="question7" id="q7a2" value="Gunpei Yokoi" / >

<label for="q7a3">Koji Kondo</label>
<input type="radio" name="question7" id="q7a3" value="Koji Kondo" / >

<label for="q7a4">1995</label>
<input type="radio" name="question7" id="q7a4" value="1995" / >
<br><br>
<h2>Mario was originally conceptualized as a _______?</h2>
<label for="q8a1">Carpenter</label>
<input type="radio" name="question8" id="q8a1" value="Carpenter" />

<label for="q8a2">Plumber</label>
<input type="radio" name="question8" id="q8a2" value="Plumber" / >

<label for="q8a3">Garbageman </label>
<input type="radio" name="question8" id="q8a3" value="Garbageman" / >

<label for="q8a4">Doctor</label>
<input type="radio" name="question8" id="q8a4" value="Doctor" / >
<br><br>
<input type="button" value="Submit"  class="btn btn-primary btn-lg" onclick="checkQuiz();"/>
</form>
      </div>


    </div> <!--Closes Jumbotron -->


  </body>
</html>