.quiz-container { max-width: 600px; margin: auto; padding: 20px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9; position: relative; } .quiz-question { margin-bottom: 20px; } .quiz-image { margin-bottom: 10px; width: 100%; height: auto; } .quiz-options { list-style-type: none; padding: 0; } .quiz-options li { margin-bottom: 10px; } .correct { color: green; font-weight: bold; } .incorrect { color: red; } .quiz-result { display: none; text-align: center; } .score { position: absolute; bottom: 10px; right: 10px; font-size: 1.2em; font-weight: bold; }

let correctAnswers = 0; let selectedAnswers = [];

// Associa i valori delle risposte ai nomi const names = { '1': 'Alessia', '2': 'Marco', '3': 'Giulia', '4': 'Luca' };

function checkAnswer(question, answerValue) { var options = document.getElementsByName(question); var userAnswer; for (var i = 0; i { document.getElementById(question + '-next').style.display = 'inline'; }, 1000); updateScore(); }

function showNextQuestion(currentQuestion, nextQuestion) { document.getElementById(currentQuestion).style.display = 'none'; if (nextQuestion === 'quiz-result') { showResult(); } else { document.getElementById(nextQuestion).style.display = 'block'; } }

function updateScore() { document.getElementById('score').textContent = `${correctAnswers}/5`; }

function showResult() { // Calcola il nome più frequente nelle risposte const frequency = {}; selectedAnswers.forEach(answer => { frequency[answer] = (frequency[answer] || 0) + 1; });

let mostFrequent = null; let maxCount = 0; for (const answer in frequency) { if (frequency[answer] > maxCount) { maxCount = frequency[answer]; mostFrequent = answer; } }

const resultName = names[mostFrequent];

document.getElementById('quiz-result').style.display = 'block'; document.getElementById('result-name').textContent = resultName; document.getElementById('score').style.display = 'none'; }

function restartQuiz() { location.reload(); // Ricarica la pagina }