Skip to content

Show Correct Answer when wrong answer selected #11

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 22 commits into
base: develop
Choose a base branch
from
Open

Show Correct Answer when wrong answer selected #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
f9f9b15
Adding a Youtube Playlist
thedamian Feb 18, 2019
df9ea21
Video youtube Playlist of James' amazing videos
thedamian Feb 18, 2019
12c2394
Updated ReadMe
jamesqquick Jan 23, 2020
fa9af0b
Updated Read Me again
jamesqquick Jan 23, 2020
acb701e
Got rid of exclamation
jamesqquick Jan 23, 2020
c0cb8eb
Merge branch 'master' of https://github.com/jamesqquick/Build-A-Quiz-…
jamesqquick Jan 23, 2020
92a5b3d
Merge pull request #1 from bocajs:master
jamesqquick Apr 13, 2020
ae4c09a
Fixed minor issues.
krishna16sharma Apr 14, 2020
afdf52f
Merge pull request #4 from krishna16sharma/new_branch
jamesqquick Apr 25, 2020
c409aeb
Revert "Fixed minor issues."
jamesqquick Apr 25, 2020
91c5022
Merge pull request #5 from jamesqquick/revert-4-new_branch
jamesqquick Apr 25, 2020
bc235d4
#7 ISSUE RESOLVED
JayantDwivedi May 26, 2020
f5dc509
Update Readme.md
lolyparty May 27, 2020
0fd212e
Using real values for score instead of dummy data
jamesqquick Jun 11, 2020
2082d9e
rmeoved color from folder name
jamesqquick Jun 11, 2020
70a7115
Merge pull request #10 from lolyparty/patch-1
jamesqquick Jun 11, 2020
4b66bcd
Merge branch 'master' of https://github.com/jamesqquick/Build-A-Quiz-…
jamesqquick Jun 11, 2020
63d7363
Updated random index of answer to be in all spots
jamesqquick Jun 11, 2020
d792edc
Removed console.logs
jamesqquick Jun 11, 2020
7730022
Create LICENSE
jamesqquick Jan 5, 2021
f3f7a80
Update ReadMe.md
jamesqquick Mar 2, 2023
ef07bc7
Update ReadMe.md
jamesqquick Mar 2, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 18 additions & 19 deletions 10. Fetch Questions from Local JSON File/end.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,30 +1,29 @@
const username = document.getElementById("username");
const saveScoreBtn = document.getElementById("saveScoreBtn");
const finalScore = document.getElementById("finalScore");
const mostRecentScore = localStorage.getItem("mostRecentScore");
const username = document.getElementById('username');
const saveScoreBtn = document.getElementById('saveScoreBtn');
const finalScore = document.getElementById('finalScore');
const mostRecentScore = localStorage.getItem('mostRecentScore');

const highScores = JSON.parse(localStorage.getItem("highScores")) || [];
const highScores = JSON.parse(localStorage.getItem('highScores')) || [];

const MAX_HIGH_SCORES = 5;

finalScore.innerText = mostRecentScore;

username.addEventListener("keyup", () => {
saveScoreBtn.disabled = !username.value;
username.addEventListener('keyup', () => {
saveScoreBtn.disabled = !username.value;
});

saveHighScore = e => {
console.log("clicked the save button!");
e.preventDefault();
saveHighScore = (e) => {
e.preventDefault();

const score = {
score: Math.floor(Math.random() * 100),
name: username.value
};
highScores.push(score);
highScores.sort((a, b) => b.score - a.score);
highScores.splice(5);
const score = {
score: mostRecentScore,
name: username.value,
};
highScores.push(score);
highScores.sort((a, b) => b.score - a.score);
highScores.splice(5);

localStorage.setItem("highScores", JSON.stringify(highScores));
window.location.assign("/");
localStorage.setItem('highScores', JSON.stringify(highScores));
window.location.assign('/');
};
117 changes: 58 additions & 59 deletions 10. Fetch Questions from Local JSON File/game.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
const question = document.getElementById("question");
const choices = Array.from(document.getElementsByClassName("choice-text"));
const progressText = document.getElementById("progressText");
const scoreText = document.getElementById("score");
const progressBarFull = document.getElementById("progressBarFull");
const question = document.getElementById('question');
const choices = Array.from(document.getElementsByClassName('choice-text'));
const progressText = document.getElementById('progressText');
const scoreText = document.getElementById('score');
const progressBarFull = document.getElementById('progressBarFull');
let currentQuestion = {};
let acceptingAnswers = false;
let score = 0;
Expand All @@ -11,79 +11,78 @@ let availableQuesions = [];

let questions = [];

fetch("questions.json")
.then(res => {
return res.json();
})
.then(loadedQuestions => {
console.log(loadedQuestions);
questions = loadedQuestions;
startGame();
})
.catch(err => {
console.error(err);
});
fetch('questions.json')
.then((res) => {
return res.json();
})
.then((loadedQuestions) => {
questions = loadedQuestions;
startGame();
})
.catch((err) => {
console.error(err);
});

//CONSTANTS
const CORRECT_BONUS = 10;
const MAX_QUESTIONS = 3;

startGame = () => {
questionCounter = 0;
score = 0;
availableQuesions = [...questions];
getNewQuestion();
questionCounter = 0;
score = 0;
availableQuesions = [...questions];
getNewQuestion();
};

getNewQuestion = () => {
if (availableQuesions.length === 0 || questionCounter >= MAX_QUESTIONS) {
localStorage.setItem("mostRecentScore", score);
//go to the end page
return window.location.assign("/end.html");
}
questionCounter++;
progressText.innerText = `Question ${questionCounter}/${MAX_QUESTIONS}`;
//Update the progress bar
progressBarFull.style.width = `${(questionCounter / MAX_QUESTIONS) * 100}%`;
if (availableQuesions.length === 0 || questionCounter >= MAX_QUESTIONS) {
localStorage.setItem('mostRecentScore', score);
//go to the end page
return window.location.assign('/end.html');
}
questionCounter++;
progressText.innerText = `Question ${questionCounter}/${MAX_QUESTIONS}`;
//Update the progress bar
progressBarFull.style.width = `${(questionCounter / MAX_QUESTIONS) * 100}%`;

const questionIndex = Math.floor(Math.random() * availableQuesions.length);
currentQuestion = availableQuesions[questionIndex];
question.innerText = currentQuestion.question;
const questionIndex = Math.floor(Math.random() * availableQuesions.length);
currentQuestion = availableQuesions[questionIndex];
question.innerText = currentQuestion.question;

choices.forEach(choice => {
const number = choice.dataset["number"];
choice.innerText = currentQuestion["choice" + number];
});
choices.forEach((choice) => {
const number = choice.dataset['number'];
choice.innerText = currentQuestion['choice' + number];
});

availableQuesions.splice(questionIndex, 1);
acceptingAnswers = true;
availableQuesions.splice(questionIndex, 1);
acceptingAnswers = true;
};

choices.forEach(choice => {
choice.addEventListener("click", e => {
if (!acceptingAnswers) return;
choices.forEach((choice) => {
choice.addEventListener('click', (e) => {
if (!acceptingAnswers) return;

acceptingAnswers = false;
const selectedChoice = e.target;
const selectedAnswer = selectedChoice.dataset["number"];
acceptingAnswers = false;
const selectedChoice = e.target;
const selectedAnswer = selectedChoice.dataset['number'];

const classToApply =
selectedAnswer == currentQuestion.answer ? "correct" : "incorrect";
const classToApply =
selectedAnswer == currentQuestion.answer ? 'correct' : 'incorrect';

if (classToApply === "correct") {
incrementScore(CORRECT_BONUS);
}
if (classToApply === 'correct') {
incrementScore(CORRECT_BONUS);
}

selectedChoice.parentElement.classList.add(classToApply);
selectedChoice.parentElement.classList.add(classToApply);

setTimeout(() => {
selectedChoice.parentElement.classList.remove(classToApply);
getNewQuestion();
}, 1000);
});
setTimeout(() => {
selectedChoice.parentElement.classList.remove(classToApply);
getNewQuestion();
}, 1000);
});
});

incrementScore = num => {
score += num;
scoreText.innerText = score;
incrementScore = (num) => {
score += num;
scoreText.innerText = score;
};
37 changes: 18 additions & 19 deletions 11. Fetch API Questions from Open Trivia API/end.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,30 +1,29 @@
const username = document.getElementById("username");
const saveScoreBtn = document.getElementById("saveScoreBtn");
const finalScore = document.getElementById("finalScore");
const mostRecentScore = localStorage.getItem("mostRecentScore");
const username = document.getElementById('username');
const saveScoreBtn = document.getElementById('saveScoreBtn');
const finalScore = document.getElementById('finalScore');
const mostRecentScore = localStorage.getItem('mostRecentScore');

const highScores = JSON.parse(localStorage.getItem("highScores")) || [];
const highScores = JSON.parse(localStorage.getItem('highScores')) || [];

const MAX_HIGH_SCORES = 5;

finalScore.innerText = mostRecentScore;

username.addEventListener("keyup", () => {
saveScoreBtn.disabled = !username.value;
username.addEventListener('keyup', () => {
saveScoreBtn.disabled = !username.value;
});

saveHighScore = e => {
console.log("clicked the save button!");
e.preventDefault();
saveHighScore = (e) => {
e.preventDefault();

const score = {
score: Math.floor(Math.random() * 100),
name: username.value
};
highScores.push(score);
highScores.sort((a, b) => b.score - a.score);
highScores.splice(5);
const score = {
score: mostRecentScore,
name: username.value,
};
highScores.push(score);
highScores.sort((a, b) => b.score - a.score);
highScores.splice(5);

localStorage.setItem("highScores", JSON.stringify(highScores));
window.location.assign("/");
localStorage.setItem('highScores', JSON.stringify(highScores));
window.location.assign('/');
};
Loading