-
Notifications
You must be signed in to change notification settings - Fork 0
/
game.js
113 lines (94 loc) · 2.82 KB
/
game.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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
const question = document.querySelector("#question");
const choices = Array.from(document.querySelectorAll(".choice-text"));
const progressText = document.querySelector("#progressText");
const scoreText = document.querySelector("#score");
const progressBarFull = document.querySelector("#progressBarFull");
let currentQuestion = {};
let acceptingAnswers = true;
let score = 0;
let questionCounter = 0;
let availableQuestions = [];
let questions = [
{
question: "What is 2 + 2?",
choice1: "2",
choice2: "4",
choice3: "21",
choice4: "17",
answer: 2,
},
{
question: "The tallest building in the world is located in which city?",
choice1: "Dubai",
choice2: "New York",
choice3: "Shanghai",
choice4: "None of the above",
answer: 1,
},
{
question:
"What percent of American adults believe that chocolate milk comes from brown cows?",
choice1: "20%",
choice2: "18%",
choice3: "7%",
choice4: "33%",
answer: 3,
},
{
question:
"Approximately what percent of U.S. power outages are caused by squirrels?",
choice1: "10-20%",
choice2: "5-10%",
choice3: "15-20%",
choice4: "30%-40%",
answer: 1,
},
];
const SCORE_POINTS = 100;
const MAX_QUESTIONS = 4;
startGame = () => {
questionCounter = 0;
score = 0;
availableQuestions = [...questions];
getNewQuestion();
};
getNewQuestion = () => {
if (availableQuestions.length === 0 || questionCounter > MAX_QUESTIONS) {
localStorage.setItem("mostRecentScore", score);
return window.location.assign("/end.html");
}
questionCounter++;
progressText.innerText = `Question ${questionCounter} of ${MAX_QUESTIONS}`;
progressBarFull.style.width = `${(questionCounter / MAX_QUESTIONS) * 100}%`;
const questionsIndex = Math.floor(Math.random() * availableQuestions.length);
currentQuestion = availableQuestions[questionsIndex];
question.innerText = currentQuestion.question;
choices.forEach((choice) => {
const number = choice.dataset["number"];
choice.innerText = currentQuestion["choice" + number];
});
availableQuestions.splice(questionsIndex, 1);
acceptingAnswers = true;
};
choices.forEach((choice) => {
choice.addEventListener("click", (e) => {
if (!acceptingAnswers) return;
acceptingAnswers = false;
const selectedChoice = e.target;
const selectedAnswer = selectedChoice.dataset["number"];
let classToApply =selectedAnswer == currentQuestion.answer ? "correct" : "incorrect";
if (classToApply === "correct") {
incrementScore(SCORE_POINTS);
}
selectedChoice.parentElement.classList.add(classToApply);
setTimeout(() => {
selectedChoice.parentElement.classList.remove(classToApply);
getNewQuestion();
}, 1000);
});
});
incrementScore = (num) => {
score += num;
scoreText.innerText = score;
};
startGame();