Club or Country Mini Quiz
by MysticBolt441 lines1.8 KB
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><style>body{font:17px/1.5 system-ui,sans-serif;background:#0b1830;color:#fff;margin:0;display:grid;min-height:100vh;place-items:center}.wrap{width:min(680px,90vw);text-align:center}.card{background:#fff;color:#172033;padding:28px;border-radius:14px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}button{padding:14px;border:0;border-radius:8px;background:#0c6a43;color:#fff;font-weight:700;cursor:pointer}.muted{color:#617080}.link{margin-top:18px}.link a{color:#9dd7ff}</style></head><body><main class="wrap"><h1>Club or Country?</h1><div class="card"><p id="score" class="muted">Question 1 of 5</p><h2 id="clue">Which side is associated with Camp Nou?</h2><div class="choices"><button onclick="answer(true)">Club</button><button onclick="answer(false)">Country</button></div><p id="feedback" aria-live="polite"></p></div><p class="link">For a longer player challenge, try the <a href="https://wordlecup.today/en/football-player-guessing-game/" target="_blank" rel="noopener">football player guessing game on Wordle Cup</a>.</p></main><script>const qs=[["Which side is associated with Camp Nou?",true],["Which side won the 2022 World Cup?",false],["Which side plays at Anfield?",true],["Which side is nicknamed the Samurai Blue?",false],["Which side plays in the Bundesliga?",true]];let i=0,s=0;function answer(v){if(v===qs[i][1]){s++;feedback.textContent="Correct."}else feedback.textContent="Not this time.";i++;if(i===qs.length){clue.textContent="Final score: "+s+" / "+qs.length;document.querySelector(".choices").hidden=true;score.textContent="Finished";return}setTimeout(()=>{score.textContent="Question "+(i+1)+" of "+qs.length;clue.textContent=qs[i][0];feedback.textContent=""},450)}</script></body></html>Game Source: Club or Country Mini Quiz
Creator: MysticBolt44
Libraries: none
Complexity: simple (1 lines, 1.8 KB)
The full source code is displayed above on this page.
Remix Instructions
To remix this game, copy the source code above and modify it. Add a ARCADELAB header at the top with "remix_of: club-or-country-mini-quiz-mysticbolt44" to link back to the original. Then publish at arcadelab.ai/publish.