oleh/minivlat-local-ua
1
0
Fork 0
mirror of https://github.com/olehomelchenko/minivlat-local-ua.git synced 2025-12-21 21:22:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor quiz timer logic for improved precision and update result storage

Browse Source
This commit is contained in:
Oleh Omelchenko
2025-01-30 17:11:13 +02:00
parent 823c27e5ca
commit b9d7597e23
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/js/quiz.js
View File

@@ -14,7 +14,7 @@ document.addEventListener('DOMContentLoaded', function () {
const initialTimeLeft = 25000; // 25 seconds in milliseconds const initialTimeLeft = 25000; // 25 seconds in milliseconds
let timeLeft = initialTimeLeft; let timeLeft = initialTimeLeft;
let timer; let timer;
let startTime = new Date().toISOString(); let startTime = new Date().getTime(); // Change to getTime for milliseconds precision
// Set timer label based on version // Set timer label based on version
if (version === 'ukrainian') { if (version === 'ukrainian') {
@@ -102,6 +102,8 @@ document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('.option-button').forEach(button => { document.querySelectorAll('.option-button').forEach(button => {
button.addEventListener('click', () => submitAnswer(button.dataset.value)); button.addEventListener('click', () => submitAnswer(button.dataset.value));
}); });
startTime = new Date().getTime(); // Reset start time for each question
} }
function stopTimer() { function stopTimer() {
@@ -125,7 +127,7 @@ document.addEventListener('DOMContentLoaded', function () {
if (timeLeft <= 0) { if (timeLeft <= 0) {
stopTimer(); stopTimer();
alert("Time's up! Moving to the next question."); alert("Time's up! Moving to the next question.");
submitAnswer(true); submitAnswer('timeout'); // Pass 'timeout' as the selected answer
} }
}, 100); }, 100);
} }
@@ -165,6 +167,9 @@ document.addEventListener('DOMContentLoaded', function () {
score++; score++;
} }
const endTime = new Date().getTime(); // Capture end time
const timeSpent = endTime - startTime; // Calculate time spent in milliseconds
// Store the question result // Store the question result
quizResults.push({ quizResults.push({
question: currentQuestion.question, question: currentQuestion.question,
@@ -174,7 +179,7 @@ document.addEventListener('DOMContentLoaded', function () {
questionIndex: currentQuestionIndex, questionIndex: currentQuestionIndex,
ordinalNumber: currentQuestionIndex + 1, // Store the ordinal number of the question ordinalNumber: currentQuestionIndex + 1, // Store the ordinal number of the question
timestamp: new Date().toISOString(), timestamp: new Date().toISOString(),
timeSpent: 25000 - timeLeft, // Time spent in milliseconds timeSpent: timeSpent, // Use the calculated time spent
chartType: currentQuestion.chart, chartType: currentQuestion.chart,
chartTypeUk: currentQuestion.chart_uk // Include chart_uk type chartTypeUk: currentQuestion.chart_uk // Include chart_uk type
}); });

7
public/quiz.html
View File

@@ -13,15 +13,14 @@
</head> </head>
<body> <body>
<div id="quiz-container"> <div id="quiz-container">
<div id="timer">
<span id="timer-label">Time remaining:</span> <span id="time">25</span>s
</div>
<div id="quiz"> <div id="quiz">
<div id="chart"></div> <div id="chart"></div>
<div id="question-block"> <div id="question-block">
<div id="question-text"></div> <div id="question-text"></div>
<div id="options"></div> <div id="options"></div>
<!-- Removed submit button --> <div id="timer">
<span id="timer-label">Time remaining:</span> <span id="time">25</span>s
</div>
</div> </div>
</div> </div>
<div id="results"></div> <div id="results"></div>