Willkommen zu Weihnachts-Quiz.

<!doctype html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Weihnachts-Quiz 🎄</title> </head> <body>
Weihnachtsquiz Header
<script> const app = document.getElementById("app"); let step = 0; let allowNext = false; const quiz = [ { title:"Ein kleines Intro", text:[ "Ihr denkt schnell, lacht viel und seid zusammen einfach stark.", "Dieses Mini-Quiz ist nur der Anfang von etwas richtig Coolem.", "Also: Auf geht’s!" ], start:true }, { title:"Frage 1", badges:["🦇 Fledermäuse"], q:"Fledermäuse finden sich selbst im Dunkeln perfekt zurecht. Welche Fähigkeit hilft ihnen dabei am meisten?", a:[ ["A","Super-Augen",false], ["B","Orientierung an Gerüchen",false], ["C","Echo-Ortung",true], ["D","Glück",false] ] }, { title:"Frage 2", badges:["🏆 Stabhochsprung"], q:"Der aktuelle Weltrekord im Stabhochsprung liegt bei 6,30 m. Was glaubst du: Was ist dabei am wichtigsten?", a:[ ["A","Kraft",true], ["B","Technik",true], ["C","Konzentration",true], ["D","Schnelligkeit",true] ], all:true }, { title:"Frage 3", badges:["🧩 Teamwork"], q:"Was macht man gemeinsam, löst kleine Aufgaben und Challenges, sammelt Erfolge und hat am meisten Spaß, wenn alle zusammenarbeiten?", a:[ ["A","Hausaufgaben",false], ["B","Klassenarbeit",false], ["C","Ein Spielevent im Team",true], ["D","Warten auf den Bus",false] ] }, { title:"🎉 Auflösung", reveal:true } ]; function render(){ allowNext = false; const s = quiz[step]; let html = `

${s.title}

`; if(s.start){ s.text.forEach(t => html += `

${t}

`); html += `
`; app.innerHTML = html; return; } if(s.reveal){ html += `

Ihr habt gezeigt, dass ihr genau das könnt, worauf es jetzt ankommt: zusammenarbeiten, schnell denken, lachen und euch gegenseitig helfen.

Unser Geschenk:

Ein gemeinsames Teamevent bei Your Showdown in Düsseldorf, mit Spielen, Challenges, Punkten – und ganz viel Spaß zusammen.

`; app.innerHTML = html; return; } if(s.badges){ html += `
`; s.badges.forEach(b=> html+=`${b}`); html += `
`; } html += `

${s.q}

`; s.a.forEach(x=>{ html += ``; }); html += `
Antwort wählen…
`; app.innerHTML = html; } function answer(correct){ const status = document.getElementById("status"); const nextBtn = document.getElementById("nextBtn"); if(correct){ status.textContent = "✅ Richtig!"; status.className = "status ok"; allowNext = true; nextBtn.disabled = false; }else{ status.textContent = "❌ Nope – nochmal versuchen!"; status.className = "status no"; } } function next(){ step++; render(); } render(); </script> </body> </html>