-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjsQuiz.html
146 lines (143 loc) · 6.86 KB
/
jsQuiz.html
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiz App</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://fonts.google.com/specimen/Shizuru#standard-styles">
<link rel="stylesheet" href="style.css">
<script src="jsscript.js"></script>
</head>
<body>
<div class="header">
<h1>My Quiz APP</h1>
</div>
<form name="quiz" id="quiz">
<div class="quiz">
<div class="Q1">
<h5> 1) Which type of JavaScript language is _ </h5>
<p id="Q1-a">
<input id="Q1-A" name="Q1" value="A" type="radio">
<label for="Q1-A">A.Object-Oriented</label>
</p>
<p id="Q1-b">
<input id="Q1-B" name="Q1" value="B" type="radio">
<label for="Q1-B"> B.Object-Based</label>
</p>
<p id="Q1-c">
<input id="Q1-C" name="Q1" value="C" type="radio">
<label for="Q1-C"> C.Assembly-language</label>
</p>
<p id="Q1-d">
<input id="Q1-D" name="Q1" value="D" type="radio">
<label for="Q1-D"> D.High-level</label>
</p>
</div>
<hr size="8">
<div class="Q2">
<h5> 2) Which one of the following also known as Conditional Expression: </h5>
<p id="Q2-a">
<input id="Q2-A" name="Q2" value="A" type="radio">
<label for="Q2-A"> A. Alternative to if-else</label>
</p>
<p id="Q2-b">
<input id="Q2-B" name="Q2" value="B" type="radio">
<label for="Q2-B">B. Switch statement</label>
</p>
<p id="Q2-c">
<input id="Q2-C" name="Q2" value="C" type="radio">
<label for="Q2-C"> C.If-then-else statement</label>
</p>
<p id="Q2-d">
<input id="Q2-D" name="Q2" value="D" type="radio">
<label for="Q2-D"> D.immediate if</label>
</p>
</div>
<hr>
<div class="Q3">
<h5>3) In JavaScript, what is a block of statement?</h5>
<p id="Q3-a">
<input id="Q3-A" name="Q3" value="A" type="radio">
<label for="Q3-A"> A.Conditional block</label>
</p>
<p id="Q3-b">
<input id="Q3-B" name="Q3" value="B" type="radio">
<label for="Q3-B"> B.block that combines a number of statements into a single compound statement</label>
</p>
<p id="Q3-c">
<input id="Q3-C" name="Q3" value="C" type="radio">
<label for="Q3-C">C.both conditional block and a single statement</label>
</p>
<p id="Q3-d">
<input id="Q3-D" name="Q3" value="D" type="radio">
<label for="Q3-D">D.block that contains a single statement</label>
</p>
</div>
<hr>
<div class="Q4">
<h5>4) The "function" and " var" are known as: </h5>
<p id="Q4-a">
<input id="Q4-A" name="Q4" value="A" type="radio">
<label for="Q4-A">A. Keywords</label>
</p>
<p id="Q4-b">
<input id="Q4-B" name="Q4" value="B" type="radio">
<label for="Q4-B">B. DataTypes</label>
</p>
<p id="Q4-c">
<input id="Q4-C" name="Q4" value="C" type="radio">
<label for="Q4-C">C. Declaration statements</label>
</p>
<p id="Q4-d">
<input id="Q4-D" name="Q4" value="D" type="radio">
<label for="Q4-D">D. Prototypes</label>
</p>
</div>
<hr>
<div class="Q5">
<h5>5) When interpreter encounters an empty statements, what it will do </h5>
<p id="Q5-a">
<input id="Q5-A" name="Q5" value="A" type="radio">
<label for="Q5-A"> A. Shows a warning </label>
</p>
<p id="Q5-b">
<input id="Q5-B" name="Q5" value="B" type="radio">
<label for="Q5-B"> B. Prompts to complete the statement</label>
</p>
<p id="Q5-c">
<input id="Q5-C" name="Q5" value="C" type="radio">
<label for="Q5-C"> C. Throws an error</label>
</p>
<p id="Q5-d">
<input id="Q5-D" name="Q5" value="D" type="radio">
<label for="Q5-D"> D. Ignores the statements</label>
</p>
</div>
<!-- <input type="button" value="Submit" id="button" onclick="result()"> -->
<button class="btn btn-primary btn-lg custom-modal" id="button" onclick="result()">Submit</button>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Result is</h4>
</div>
<div class="modal-body">
<p> </p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</form>
<div class="footer">
<h4>©Copy Rights : Vardhan Creations</h4>
</div>
</body>
</html>