html, body {
margin: 0;
padding: 0;
width: 100%;
background-color: rgb(230,215,191);
overflow-y: auto;
}
#quiz-wrapper {
width: 100%;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: flex-start;
padding: 40px 0;
box-sizing: border-box;
}
#quiz-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
#logo {
max-width: 500px;
width: 100%;
margin-bottom: -140px;
position: relative;
z-index: 2;
}
#content {
background-color: rgb(230,215,191);
border: 6px solid #ffffff;
border-radius: 30px;
padding: 130px 60px 50px;
max-width: calc(100% - 40px);
text-align: center;
transition: opacity 0.6s ease;
opacity: 1;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
z-index: 1;
}
.intro {
font-size: 72px;
font-weight: bold;
color: #40373A;
}
.question {
font-size: 60px;
font-weight: bold;
line-height: 1.25;
margin: 0;
color: #40373A;
}
.answer {
font-size: 48px;
margin-top: 30px;
font-weight: bold;
color: #AA4139;
}
.answer-page {
font-size: 54px;
font-weight: bold;
color: #40373A;
}
// Ronde lijst
const rounds = [
"Ronde 1: Afbeeldingenronde",
"Ronde 2: HitGo! Bingo",
"Ronde 3: Vragenronde",
"Ronde 4: Fragmentenronde",
"Ronde 5: HitGo! Bingo",
"Ronde 6: Vragenronde",
"Ronde 7: De Tijdlijn",
"Ronde 8: De Twister",
"HitGo! Final!"
];
// Ronde 3 vragen + antwoorden
const questions3 = [
"Welke band bracht in 1994 het album Dummy uit?",
"Welke Nederlandse dance-act scoorde in 1995 een hit met 'Children'?",
"Welke gitarist verving John Frusciante tijdelijk bij de Red Hot Chili Peppers?",
"Welke artiest stond bekend als 'The Queen of Hip-Hop Soul'?",
"Welke Britpopband won in 1996 de Brit Award voor Best British Group?",
"Hoe heet het debuutalbum (1993) van Wu-Tang Clan?",
"Welke zangeres scoorde in 1997 een hit met 'Criminal'?",
"Welke band had in 1992 een hit met 'Jump Around'?",
"Welke Nederlandse radiozender begon in 1995 met het programma Dance Department?",
"Welke producer stond aan de basis van het succes van Dr. Dre, Snoop Dogg en 2Pac?"
];
const answers3 = [
"Portishead","Robert Miles","Dave Navarro","Mary J. Blige","Blur",
"Enter the Wu-Tang (36 Chambers)","Fiona Apple","House of Pain",
"Radio 538","Dr. Dre"
];
// Ronde 6 vragen + antwoorden (Nederlandstalig vanaf 2000)
const questions6 = [
"Welke Nederlandse zanger bracht in 2003 het album Zo van Jij uit?",
"Welke Nederlandse band scoorde in 2005 een hit met Omdat Ik Van Je Hou?",
"Wie zong in 2010 het nummer Drank & Drugs?",
"Welke Nederlandse zangeres bracht in 2008 het album Dichterbij uit?",
"Welke band won in 2004 de Edison Pop voor Beste Nederlandse Band?",
"Wie zong het nummer Het Is Een Nacht... (2000)?",
"Welke artiest bracht in 2015 de hit Stap Voor Stap uit?",
"Welke zangeres scoorde in 2007 een hit met Doe Maar Net Alsof?",
"Welke band bracht in 2013 het nummer Zoutelande uit?",
"Welke rapper had in 2016 een grote hit met Drank & Drugs?"
];
const answers6 = [
"Guus Meeuwis","Marco Borsato","Lil’ Kleine & Ronnie Flex","Trijntje Oosterhuis",
"Within Temptation","Guus Meeuwis","BLØF","Ilse DeLange","BLØF ft. Geike Arnaert",
"Lil’ Kleine & Ronnie Flex"
];
let currentRound = 0;
let phase = 0; // 0=intro, 1=vragenronde, 2=antwoordenpagina, 3=antwoordenronde
let currentQuestion = 0;
let answerShown = false;
const content = document.getElementById("content");
function fadeOutIn(callback){
content.style.opacity = 0;
setTimeout(() => {
callback();
content.style.opacity = 1;
}, 300);
}
function showRoundIntro(roundIndex){
fadeOutIn(() => {
content.innerHTML = `
${rounds[roundIndex]}
`;
});
}
function showQuestion(index, questions){
fadeOutIn(() => {
content.innerHTML = `
${questions[index]}
`;
});
}
function showAnswerPage(){
fadeOutIn(() => {
content.innerHTML = `
Antwoorden
`;
});
}
function showQuestionWithOptionalAnswer(index, questions, answers){
fadeOutIn(() => {
if(answerShown){
content.innerHTML = `
${questions[index]}
${answers[index]}
`;
} else {
content.innerHTML = `
${questions[index]}
`;
}
});
}
function nextStep(){
// Check of huidige ronde een vragenronde is (Ronde 3 of Ronde 6)
let isQuestionsRound = (currentRound === 2 || currentRound === 5);
let questions = isQuestionsRound ? (currentRound === 2 ? questions3 : questions6) : [];
let answers = isQuestionsRound ? (currentRound === 2 ? answers3 : answers6) : [];
if(phase === 0){
// Intro van ronde
if(isQuestionsRound){
phase = 1;
currentQuestion = 0;
showQuestion(currentQuestion, questions);
} else {
currentRound++;
if(currentRound < rounds.length){
showRoundIntro(currentRound);
} else {
// Einde quiz → redirect
window.location.replace("https://www.hellohitgo.nl/hitgo-bingowheel/");
}
}
return;
}
if(phase === 1){
currentQuestion++;
if(currentQuestion < questions.length){
showQuestion(currentQuestion, questions);
} else {
phase = 2;
showAnswerPage();
}
return;
}
if(phase === 2){
phase = 3;
currentQuestion = 0;
answerShown = false;
showQuestionWithOptionalAnswer(currentQuestion, questions, answers);
return;
}
if(phase === 3){
if(!answerShown){
answerShown = true;
showQuestionWithOptionalAnswer(currentQuestion, questions, answers);
} else {
currentQuestion++;
if(currentQuestion < questions.length){
answerShown = false;
showQuestionWithOptionalAnswer(currentQuestion, questions, answers);
} else {
// Volgende ronde
phase = 0;
currentRound++;
if(currentRound {
content.innerHTML = `
Bedankt voor het spelen! Je wordt zo doorgestuurd…
`;
});
setTimeout(() => {
window.location.replace("https://www.destommevancampen.nl/hitgo/");
}, 3000); // 3 seconden vertraging
}
}
}
}
}
document.addEventListener("keydown", function(e){
if(e.code === "Space"){
e.preventDefault();
nextStep();
}
});
// Start eerste ronde
showRoundIntro(currentRound);