Application changes

app/static/script.js

@@ -71,6 +71,10 @@ function displayQuestion() {
     optionsDiv.appendChild(form);
 }
 
+
+
+
+
 function selectAnswer(optionIndex) {
     const currentAnswers = userAnswers[currentIndex];
     if (currentAnswers.includes(optionIndex)) {
@@ -196,113 +200,26 @@ document.getElementById('end-session').addEventListener('click', () => {
         <p><strong>Your score:</strong> ${score.toFixed(2)}%</p>
     `;
 
-    // Aggiungi il pulsante per tornare alla schermata iniziale
-    const returnButton = document.createElement('button');
-    returnButton.innerText = 'Return to Start';
-    returnButton.style.marginTop = '20px';
-    returnButton.addEventListener('click', () => {
-        // Nascondi i risultati
-        document.getElementById('results-container').style.display = 'none';
-        document.getElementById('quiz-container').style.display = 'block';
-        
-        // Resetta lo stato per una nuova sessione
-        userAnswers = [];  // Resetta le risposte dell'utente
-        currentQuestionIndex = 0;  // Ripristina l'indice della domanda
-        // Reset della selezione file (se necessario)
-        document.getElementById('file-selector').value = ''; // Reset del selettore del file (se usato)
-    });
-
-    // Aggiungi i dettagli del punteggio, la tabella e il pulsante alla schermata dei risultati
+    // Aggiungi i dettagli del punteggio e la tabella ai risultati
     const resultsContainer = document.getElementById('results-container');
     resultsContainer.innerHTML = ''; // Pulisci i risultati precedenti
     resultsContainer.appendChild(scoreDetails);
     resultsContainer.appendChild(resultsTable);
-    resultsContainer.appendChild(returnButton);
 
     // Mostra il contenitore dei risultati e nascondi il quiz
     document.getElementById('quiz-container').style.display = 'none';
     resultsContainer.style.display = 'block';
 });
-// Variabile globale per il timer
-let timer = 0;
-let timerInterval;
 
-// Aggiungi l'evento al pulsante "Return to Start"
 document.getElementById('restart').addEventListener('click', () => {
-    // Ferma il timer prima di resettare
-    clearInterval(timerInterval);
-    timer = 0; // Reset del timer
-    document.getElementById('timer').innerText = '00:00'; // Ripristina il timer a 00:00
-
-    // Nascondi la sezione dei risultati e mostra il quiz
     document.getElementById('results-container').style.display = 'none';
-    document.getElementById('quiz-container').style.display = 'block';
-
-    // Reset delle variabili di stato
-    resetQuizState();
-
-    // Reset della selezione del file
-    document.getElementById('file-selector').value = ''; // Resetta la selezione del file
-    
-    // Pulisce il contenuto dei risultati
-    document.getElementById('results-container').innerHTML = '';
-    
-    // Ripristina la visualizzazione della prima domanda
-    loadQuestion();
+    document.getElementById('file-selection').style.display = 'block';
+    document.getElementById('quiz-container').style.display = 'none';
+    currentIndex = 0;
+    questions = [];
+    userAnswers = [];
+    document.getElementById('file').value = ''; // Reset file selection
 });
-
-// Funzione per il reset completo dello stato del quiz
-function resetQuizState() {
-    currentQuestionIndex = 0;  // Ripristina l'indice della domanda
-    userAnswers = [];          // Resetta le risposte dell'utente
-    clearInterval(timerInterval); // Ferma qualsiasi intervallo del timer in corso
-    timer = 0;                 // Resetta il timer
-}
-
-// Funzione per caricare una 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}`;
-        
-        // Riavvia il timer
-        startTimer();
-}
-
-// Funzione per avviare il timer
-function startTimer() {
-    clearInterval(timerInterval);  // Assicurati di fermare il timer precedente
-    timer = 0;  // Reset del timer
-    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);
     const hours = String(Math.floor(elapsedTime / 3600)).padStart(2, '0');

app/static/style.css

@@ -46,6 +46,15 @@ label {
     margin-top: 20px;
 }
 
+#navigation button {
+    font-size: 16px;
+    border: none;
+    background-color: #bfbfbf;
+    color: white;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
 #navigation button:hover {
     background-color: #0056b3;
 }