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 layout and timer functionality for improved responsiveness and clarity

Browse Source
This commit is contained in:
Oleh Omelchenko
2025-01-28 03:24:25 +02:00
parent e9b7e0a8ef
commit 3b1b383489
2 changed files with 26 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/js/quiz.js
View File

@@ -10,7 +10,8 @@ document.addEventListener('DOMContentLoaded', function () {
let currentQuestionIndex = 0;
let score = 0;
let quizResults = [];
let timeLeft = 25000; // 25 seconds in milliseconds
const initialTimeLeft = 250000; // 25 seconds in milliseconds
let timeLeft = initialTimeLeft;
let timer;
let startTime = new Date().toISOString();
@@ -62,8 +63,8 @@ document.addEventListener('DOMContentLoaded', function () {
// Complete timer reset
stopTimer();
timeLeft = 25000; // 25 seconds in milliseconds
timerDisplay.textContent = (timeLeft / 1000).toFixed(1); // Display in seconds
timeLeft = initialTimeLeft; // Reset to initial time
timerDisplay.textContent = Math.ceil(timeLeft / 1000); // Display in whole seconds
const question = questions[currentQuestionIndex];
const chartFile = `charts/${question.chart}-${version}.vl.json`;
@@ -116,11 +117,11 @@ document.addEventListener('DOMContentLoaded', function () {
stopTimer();
// Ensure display shows starting value
timerDisplay.textContent = (timeLeft / 1000).toFixed(1); // Display in seconds
timerDisplay.textContent = Math.ceil(timeLeft / 1000); // Display in whole seconds
timer = setInterval(() => {
timeLeft -= 100; // Decrease by 100 milliseconds
timerDisplay.textContent = (timeLeft / 1000).toFixed(1); // Display in seconds
timerDisplay.textContent = Math.ceil(timeLeft / 1000); // Display in whole seconds
if (timeLeft <= 0) {
stopTimer();
@@ -183,7 +184,7 @@ document.addEventListener('DOMContentLoaded', function () {
currentQuestionIndex++;
// Reset timer state before showing next question
timeLeft = 25000; // 25 seconds in milliseconds
timeLeft = initialTimeLeft; // Reset to initial time
displayQuestion();
}