Application changes

app/static/script.js

@@ -224,16 +224,83 @@ document.getElementById('end-session').addEventListener('click', () => {
     resultsContainer.style.display = 'block';
 });
 
-// Aggiungi l'event listener per il pulsante "Restart" (Return to Start)
 document.getElementById('restart').addEventListener('click', () => {
-    // Nascondi il contenuto del quiz e i risultati
-    document.getElementById('quiz-container').style.display = 'none';
+    // Nascondi i risultati e mostra il quiz
     document.getElementById('results-container').style.display = 'none';
-
-    // Mostra il contenitore per la selezione del file
-    document.getElementById('file-selector-container').style.display = 'block';  // Assicurati che ci sia un contenitore per la selezione del file
+    document.getElementById('quiz-container').style.display = 'block';
+    
+    // Resetta tutte le variabili e gli stati
+    resetQuizState();
+    
+    // Reset della selezione del file
+    document.getElementById('file-selector').value = ''; // Selezione file resettata
+    
+    // Pulisce il contenuto dei risultati
+    document.getElementById('results-container').innerHTML = '';
+
+    // Ripristina la visualizzazione della prima domanda
+    loadQuestion();
 });
 
+// Funzione per reset della logica del quiz
+function resetQuizState() {
+    currentQuestionIndex = 0;  // Ripristina l'indice della domanda
+    userAnswers = [];          // Resetta le risposte dell'utente
+    timer = 0;                 // Resetta il timer
+    clearInterval(timerInterval); // Ferma qualsiasi intervallo di timer in corso
+    
+    // Reset della visualizzazione delle risposte
+    document.getElementById('question-container').innerHTML = ''; // Pulisce la domanda
+    document.getElementById('answers-container').innerHTML = '';  // Pulisce le risposte
+    document.getElementById('timer').innerText = '00:00'; // Reset timer
+}
+
+// Funzione per caricare la domanda
+function loadQuestion() {
+    if (questions.length > 0) {
+        const question = questions[currentQuestionIndex];
+        
+        // Mostra la domanda
+        const questionContainer = document.getElementById('question-container');
+        questionContainer.innerHTML = `<p>${question.question}</p>`;
+
+        // Mostra le risposte
+        const answersContainer = document.getElementById('answers-container');
+        answersContainer.innerHTML = '';
+        
+        question.options.forEach((option, index) => {
+            const answerElement = document.createElement('div');
+            const inputType = question.correct.length > 1 ? 'checkbox' : 'radio';
+            answerElement.innerHTML = `
+                <label>
+                    <input type="${inputType}" name="answer" value="${index}" /> ${option}
+                </label>
+            `;
+            answersContainer.appendChild(answerElement);
+        });
+
+        // Visualizza il numero di domanda
+        document.getElementById('question-number').innerText = `Question ${currentQuestionIndex + 1} of ${questions.length}`;
+        
+        // Azzera il timer
+        startTimer();
+    }
+}
+
+// Funzione per avviare il timer
+let timerInterval;
+function startTimer() {
+    timer = 0;
+    clearInterval(timerInterval);
+    timerInterval = setInterval(() => {
+        timer++;
+        const minutes = String(Math.floor(timer / 60)).padStart(2, '0');
+        const seconds = String(timer % 60).padStart(2, '0');
+        document.getElementById('timer').innerText = `${minutes}:${seconds}`;
+    }, 1000);
+}
+
+
 
 function updateTimer() {
     const elapsedTime = Math.floor((Date.now() - startTime) / 1000);