Quizer om geografi
Quiz om hovedsteder:
Quiz om Hovedsteder i Europa
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 20px;
}
.quiz-container {
max-width: 600px;
margin: auto;
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
color: #333;
}
.question {
margin-top: 20px;
}
.button {
display: block;
width: 100%;
padding: 10px 15px;
margin: 5px 0;
color: white;
background-color: #007bff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
text-align: center;
}
.button:hover {
background-color: #0056b3;
}
.next-button {
background-color: #28a745; /* Grønn farge */
}
.next-button:hover {
background-color: #218838;
}
.result {
margin-top: 20px;
font-weight: bold;
text-align: center;
}
.hidden {
display: none;
}
.progress {
margin: 20px 0;
font-size: 16px;
text-align: center;
}
.correct {
color: green;
}
.incorrect {
color: red;
}
Quiz om Hovedsteder i Europa
Neste spørsmål
const questions = [
{ question: «Hva er hovedstaden i Sverige?», answers: [«Oslo», «Helsinki», «Stockholm», «København»], correct: «Stockholm» },
{ question: «Hva er hovedstaden i Frankrike?», answers: [«Paris», «Brussel», «Berlin», «Madrid»], correct: «Paris» },
{ question: «Hva er hovedstaden i Italia?», answers: [«Roma», «Athen», «Lisboa», «Moskva»], correct: «Roma» },
{ question: «Hva er hovedstaden i Spania?», answers: [«Madrid», «Valencia», «Barcelona», «Sevilla»], correct: «Madrid» },
{ question: «Hva er hovedstaden i Tyskland?», answers: [«Berlin», «Munchen», «Frankfurt», «Hamburg»], correct: «Berlin» },
{ question: «Hva er hovedstaden i Norge?», answers: [«Oslo», «Stavanger», «Bergen», «Trondheim»], correct: «Oslo» },
{ question: «Hva er hovedstaden i Danmark?», answers: [«København», «Aarhus», «Odense», «Albertslund»], correct: «København» },
{ question: «Hva er hovedstaden i Finland?», answers: [«Helsinki», «Tallinn», «Riga», «Vilnius»], correct: «Helsinki» },
{ question: «Hva er hovedstaden i Østerrike?», answers: [«Wien», «Salzburg», «Innsbruck», «Graz»], correct: «Wien» },
{ question: «Hva er hovedstaden i Sveits?», answers: [«Bern», «Zürich», «Geneve», «Basel»], correct: «Bern» },
{ question: «Hva er hovedstaden i Belgia?», answers: [«Brussel», «Antwerpen», «Brugge», «Gent»], correct: «Brussel» },
{ question: «Hva er hovedstaden i Russland?», answers: [«Moskva», «St. Petersburg», «Kazan», «Nizhny Novgorod»], correct: «Moskva» },
{ question: «Hva er hovedstaden i Irland?», answers: [«Dublin», «Cork», «Belfast», «Galway»], correct: «Dublin» },
{ question: «Hva er hovedstaden i Portugal?», answers: [«Lisboa», «Porto», «Coimbra», «Braga»], correct: «Lisboa» },
{ question: «Hva er hovedstaden i Tsjekkia?», answers: [«Praha», «Brno», «Ostrava», «Plzen»], correct: «Praha» },
{ question: «Hva er hovedstaden i Ungarn?», answers: [«Budapest», «Debrecen», «Szeged», «Miskolc»], correct: «Budapest» },
{ question: «Hva er hovedstaden i Ukraina?», answers: [«Kyiv», «Kharkiv», «Lviv», «Odessa»], correct: «Kyiv» },
{ question: «Hva er hovedstaden i Slovakia?», answers: [«Bratislava», «Košice», «Nitra», «Prešov»], correct: «Bratislava» },
{ question: «Hva er hovedstaden i Slovenia?», answers: [«Ljubljana», «Maribor», «Celje», «Kranj»], correct: «Ljubljana» },
{ question: «Hva er hovedstaden i Kroatia?», answers: [«Zagreb», «Split», «Dubrovnik», «Rijeka»], correct: «Zagreb» },
{ question: «Hva er hovedstaden i Bulgaria?», answers: [«Sofia», «Plovdiv», «Varna», «Burgas»], correct: «Sofia» }
];
let currentQuestionIndex = 0;
let score = 0;
let answersLog = [];
function updateProgress() {
const progressDiv = document.getElementById(«progress»);
progressDiv.innerHTML = `Spørsmål ${currentQuestionIndex + 1} av ${questions.length}`;
}
function shuffle(array) {
for (let i = array.length – 1; i > 0; i–) {
const j = Math.floor(Math.random() * (i + 1));
[array[i], array[j]] = [array[j], array[i]];
}
}
function loadQuestion() {
const quizContainer = document.getElementById(«quiz»);
quizContainer.innerHTML = «»;
const question = questions[currentQuestionIndex];
shuffle(question.answers);
const questionHtml = `
${question.question}
${question.answers.map(answer => `
${answer}
`).join(»)}
`;
quizContainer.innerHTML = questionHtml;
updateProgress();
}
function checkAnswer(selectedAnswer) {
const question = questions[currentQuestionIndex];
answersLog.push({ question: question.question, correct: question.correct, selected: selectedAnswer });
if (selectedAnswer === question.correct) {
score++;
}
currentQuestionIndex++;
if (currentQuestionIndex < questions.length) {
loadQuestion();
} else {
showResult();
}
}
function showResult() {
const resultDiv = document.getElementById("result");
let summary = `
Resultat
`;
summary += `Du fikk ${score} av ${questions.length} riktige!
`;
summary += `
Oppsummering:
`;
answersLog.forEach(answer => {
const colorClass = answer.selected === answer.correct ? ‘correct’ : ‘incorrect’;
summary += `
${answer.question}
Riktig svar: ${answer.correct}
Ditt svar: ${answer.selected}
`;
});
resultDiv.innerHTML = summary;
document.getElementById(«nextButton»).classList.add(‘hidden’);
}
document.getElementById(«nextButton»).onclick = loadQuestion;
loadQuestion();
Reiseskribenten 