linly/silly-quiz-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

final thing

Browse Source
This commit is contained in:
LinlyBoi
2023-12-11 01:44:19 +02:00
parent fd30d7b69e
commit 72574e779c
1 changed files with 29 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
index.js
View File

@@ -1,3 +1,4 @@
console.log(JSON.parse(localStorage.getItem("studData")));
function nameSubmit() { function nameSubmit() {
var sName = document.getElementById("sName").value; var sName = document.getElementById("sName").value;
var sId = document.getElementById("sId").value; var sId = document.getElementById("sId").value;
@@ -6,8 +7,10 @@ function nameSubmit() {
id: sId, id: sId,
startTime: new Date(), startTime: new Date(),
score: 0, score: 0,
startTime: new Date(),
}; };
localStorage.setItem("studData", JSON.stringify(studData)); localStorage.setItem("studData", JSON.stringify(studData));
localStorage.setItem("startTime", JSON.stringify(startTime));
var privacyViolation = document.getElementById("privacyViolation"); var privacyViolation = document.getElementById("privacyViolation");
privacyViolation.style.display = "none"; privacyViolation.style.display = "none";
initQuiz(); initQuiz();
@@ -36,33 +39,46 @@ function finishQuiz() {
past_users.push(user) past_users.push(user)
updateTable(user, past_users) updateTable(user, past_users)
quizScreen.style.display = "none"; quizScreen.style.display = "none";
localStorage.setItem("history", JSON.stringify(past_users))
} }
function sortByKey(array, key) {
return array.sort(function(a, b) {
var x = a[key];
var y = b[key];
return ((x < y) ? -1 : ((x > y) ? 1 : 0));
});
}
function updateTable(user, past_users) { function updateTable(user, past_users) {
let tableHead = document.createElement("thead"); let tableHead = document.createElement("thead");
let tableRow = document.createElement("trow"); let tableRow = document.createElement("tr");
let table = document.createElement("table"); let table = document.getElementById("scoreTable");
let scores = document.getElementById("scoreTable"); let scores = document.getElementById("scoreScreen");
let cols = Object.keys(user); let cols = Object.keys(user);
console.log(cols);
cols.forEach((item) => { cols.forEach((item) => {
let tHead = document.createElement("th"); let tHead = document.createElement("th");
let tableRow = document.createElement("trow"); let tableRow = document.createElement("tr");
tableHead.innerText = item; tableHead.innerText = item;
tableRow.appendChild(tableHead); tableRow.appendChild(tableHead);
}); });
tableHead.appendChild(tableRow); tableHead.appendChild(tableRow);
table.append(tableRow); table.append(tableRow);
past_users.forEach((item => { past_users.forEach((item) => {
let tableRow = document.createElement("trow"); let tableRow = document.createElement("tr");
let values = Object.values(item); let values = Object.values(item);
values.forEach((element) => { values.forEach((element) => {
let td = document.createElement("td"); let td = document.createElement("td");
td.innerText = element; td.innerText = element;
tableRow.appendChild(td); tableRow.appendChild(td);
}); });
scores.appendChild(table); table.appendChild(tableRow);
})) })
table.classList.add("table");
scores.appendChild(table);
} }
function initScore() { function initScore() {
finishQuiz(); finishQuiz();
@@ -76,8 +92,7 @@ function initScore() {
var sInfoTime = document.getElementById("sInfoTime"); var sInfoTime = document.getElementById("sInfoTime");
var time_elapsed = new Date(); var time_elapsed = new Date();
var start_time = new Date(user.startTime); var start_time = new Date(JSON.parse(localStorage.getItem("startTime")));
console.log(start_time);
time_elapsed = time_elapsed.getSeconds() - start_time.getSeconds(); time_elapsed = time_elapsed.getSeconds() - start_time.getSeconds();
sInfoTime.innerText = "Time elapsed: " + time_elapsed + " seconds"; sInfoTime.innerText = "Time elapsed: " + time_elapsed + " seconds";
var scoreScreen = document.getElementById("scoreScreen"); var scoreScreen = document.getElementById("scoreScreen");
@@ -126,7 +141,7 @@ function generateQuestion(n1, n2, a1, a2, a3, a4) {
} }
const questions = [ const questions = [
generateQuestion(2, 1, 2, 1, 3, 21), generateQuestion(2, 1, 2, 1, 3, 21),
generateQuestion(2, 6, 7, 6, 4, 23), generateQuestion(2, 6, 7, 12, 4, 23),
generateQuestion(2, 5, 4, 5, 10, 24), generateQuestion(2, 5, 4, 5, 10, 24),
generateQuestion(3, 7, 2, 7, 14, 21), generateQuestion(3, 7, 2, 7, 14, 21),
generateQuestion(6, 6, 36, 6, 14, 21), generateQuestion(6, 6, 36, 6, 14, 21),
@@ -144,11 +159,13 @@ function setQ(n) {
} }
} }
var questionCounter = 1; var questionCounter = 0;
setQ(questionCounter); setQ(questionCounter);
function nextQ() { function nextQ() {
if (questionCounter < questions.length - 1) if (questionCounter < questions.length - 1)
questionCounter++; questionCounter++;
else
finishQuiz();
setQ(questionCounter); setQ(questionCounter);
if (questionCounter < questions.length) if (questionCounter < questions.length)
} }