Add timer label to quiz and localize text based on version

This commit is contained in:
2025-01-28 04:40:18 +02:00
parent b905c221cc
commit b69ea56b9e
2 changed files with 11 additions and 1 deletions

View File

@@ -12,7 +12,9 @@
</head> </head>
<body> <body>
<div id="quiz-container"> <div id="quiz-container">
<div id="timer">Time remaining: <span id="time">25</span>s</div> <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">

View File

@@ -4,6 +4,7 @@ document.addEventListener('DOMContentLoaded', function () {
const quizContainer = document.getElementById('quiz'); const quizContainer = document.getElementById('quiz');
const resultsContainer = document.getElementById('results'); const resultsContainer = document.getElementById('results');
const timerDisplay = document.getElementById('time'); const timerDisplay = document.getElementById('time');
const timerLabel = document.getElementById('timer-label'); // Add a label for the timer
const version = localStorage.getItem('quizVersion'); const version = localStorage.getItem('quizVersion');
const quizId = 'quiz'; const quizId = 'quiz';
let questions = []; let questions = [];
@@ -15,6 +16,13 @@ document.addEventListener('DOMContentLoaded', function () {
let timer; let timer;
let startTime = new Date().toISOString(); let startTime = new Date().toISOString();
// Set timer label based on version
if (version === 'ukrainian') {
timerLabel.textContent = 'Час, що залишився:';
} else {
timerLabel.textContent = 'Time remaining:';
}
// Generate and store browser ID // Generate and store browser ID
function generateBrowserId() { function generateBrowserId() {
return 'xxxx-xxxx-4xxx-yxxx-xxxx-xxxx-xxxx-xxxx'.replace(/[xy]/g, function(c) { return 'xxxx-xxxx-4xxx-yxxx-xxxx-xxxx-xxxx-xxxx'.replace(/[xy]/g, function(c) {