-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
94 lines (85 loc) · 2.33 KB
/
script.js
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
const quizData = [
{
question:
"Which built-in method calls a function for each element in the array?",
a: "while()",
b: "loop()",
c: "forEach()",
d: "None of the above",
correct: "c",
},
{
question:
"Which built-in method reverses the order of the elements of an array?",
a: "changeOrder(order)",
b: "reverse()",
c: "sort(order)",
d: "None of the above",
correct: "b",
},
{
question:
"Which of the following is a valid type of function javascript supports?",
a: "named function",
b: "anonymous function",
c: "Both the above",
d: "None of the above",
correct: "c",
},
{
question: "What year was JavaScript launched?",
a: "1996",
b: "1995",
c: "1994",
d: "none of the above",
correct: "b",
},
];
const quiz = document.querySelector(".quiz-header");
const answerEls = document.querySelectorAll(".answer");
const questionEl = document.getElementById("question");
const a_text = document.querySelector("#a_text");
const b_text = document.querySelector("#b_text");
const c_text = document.querySelector("#c_text");
const d_text = document.querySelector("#d_text");
const submitBtn = document.getElementById("submit");
let currentQuiz = 0;
let score = 0;
loadQuiz();
function loadQuiz() {
if (currentQuiz < quizData.length) {
questionEl.innerText = quizData[currentQuiz].question;
a_text.innerText = quizData[currentQuiz].a;
b_text.innerText = quizData[currentQuiz].b;
c_text.innerText = quizData[currentQuiz].c;
d_text.innerText = quizData[currentQuiz].d;
} else {
quiz.innerText = `Your Score is ${score}`;
submitBtn.innerText = "Restart";
}
}
function deselectAnswers() {
answerEls.forEach((e) => {
e.checked = false;
});
loadQuiz();
}
function getSelected() {
answerEls.forEach((e) => {
if (e.checked) {
if (e.id == quizData[currentQuiz].correct) {
score++;
}
}
});
currentQuiz++;
deselectAnswers();
}
submitBtn.addEventListener("click", () => {
if (currentQuiz < quizData.length) {
getSelected();
}
else {
location.reload();
}
});