Trivia Game<\/title>\n<style>\n#game,\n#setup {\n margin-bottom: 80px; \/* adjust as needed *\/\n}\n body {\n font-family: Arial, sans-serif;\n background: #f4f4f4;\n padding: 20px;\n padding-bottom:80px;\n max-width: 700px;\n margin: auto;\n }\n h1 { text-align: center; }\n\n \/* Score bar *\/\n #scoreBar {\n font-size: 28px;\n font-weight: bold;\n text-align: center;\n padding: 10px;\n background: #222;\n color: #fff;\n border-radius: 8px;\n margin-bottom: 10px;\n }\n\n #restartBtn {\n padding: 10px 15px;\n background: #ff9800;\n color: white;\n font-weight: bold;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n display: none;\n width: 100%;\n margin-bottom: 20px;\n }\n\n #game, #question-box { margin-top: 20px; }\n .hidden { display: none; }\n\n button {\n padding: 10px 15px;\n margin: 5px 0;\n cursor: pointer;\n }\n .answer-btn {\n display: block;\n width: 100%;\n text-align: left;\n }\n\n \/* Highlighting *\/\n .correct {\n background-color: #4CAF50 !important;\n color: white;\n }\n .wrong {\n background-color: #f44336 !important;\n color: white;\n }\n\n \/* Popup *\/\n #popup {\n position: fixed;\n top: 30%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: white;\n padding: 25px;\n border: 3px solid black;\n font-size: 22px;\n text-align: center;\n display: none;\n z-index: 999;\n width: 300px;\n }\n<\/style>\n<\/head>\n<body>\n\n<h1>Trivia Game<\/h1>\n\n<div id=\"scoreBar\">Score: 0<\/div>\n<button id=\"restartBtn\">Restart Game<\/button>\n\n<div id=\"setup\">\n <h3>Select a Category<\/h3>\n <select id=\"categorySelect\"><\/select>\n <br><br>\n <button id=\"startBtn\">Start Game<\/button>\n<\/div>\n\n<div id=\"game\" class=\"hidden\">\n <div id=\"question-box\">\n <h3 id=\"question\"><\/h3>\n <div id=\"answers\"><\/div>\n <\/div>\n<\/div>\n\n<div id=\"popup\"><\/div>\n\n<script>\n\/\/ Load categories\nfetch(\"https:\/\/opentdb.com\/api_category.php\")\n .then(res => res.json())\n .then(data => {\n const select = document.getElementById(\"categorySelect\");\n data.trivia_categories.forEach(cat => {\n const option = document.createElement(\"option\");\n option.value = cat.id;\n option.textContent = cat.name;\n select.appendChild(option);\n });\n });\n\nlet questions = [];\nlet current = 0;\nlet score = 0;\n\n\/\/ Restart game logic\ndocument.getElementById(\"restartBtn\").onclick = restartGame;\n\nfunction restartGame() {\n score = 0;\n current = 0;\n updateScore();\n\n document.getElementById(\"popup\").style.display = \"none\";\n\n document.getElementById(\"setup\").classList.remove(\"hidden\");\n document.getElementById(\"game\").classList.add(\"hidden\");\n\n document.getElementById(\"restartBtn\").style.display = \"none\";\n}\n\n\/\/ Start game\ndocument.getElementById(\"startBtn\").addEventListener(\"click\", () => {\n const category = document.getElementById(\"categorySelect\").value;\n\n fetch(`https:\/\/opentdb.com\/api.php?amount=50&category=${category}&type=multiple`)\n .then(res => res.json())\n .then(data => {\n questions = data.results;\n current = 0;\n score = 0;\n updateScore();\n\n document.getElementById(\"setup\").classList.add(\"hidden\");\n document.getElementById(\"game\").classList.remove(\"hidden\");\n\n document.getElementById(\"restartBtn\").style.display = \"block\";\n\n showQuestion();\n });\n});\n\nfunction updateScore() {\n document.getElementById(\"scoreBar\").textContent = `Score: ${score}`;\n}\n\nfunction showPopup(message) {\n const popup = document.getElementById(\"popup\");\n popup.innerHTML = message;\n popup.style.display = \"block\";\n\n \/\/ Remove any previous click handler\n document.body.onclick = null;\n\n \/\/ Delay attaching click-to-close so the answer click doesn't close it instantly\n setTimeout(() => {\n document.body.onclick = () => {\n popup.style.display = \"none\";\n document.body.onclick = null;\n showQuestion();\n };\n }, 200);\n}\n\nfunction showQuestion() {\n if (score >= 10) {\n document.getElementById(\"question\").textContent = \"🎉 You win! You reached 10 points!\";\n document.getElementById(\"answers\").innerHTML = \"\";\n return;\n }\n\n if (current >= questions.length) {\n document.getElementById(\"question\").textContent = \"No more questions!\";\n document.getElementById(\"answers\").innerHTML = \"\";\n return;\n }\n\n const q = questions[current];\n document.getElementById(\"question\").innerHTML = q.question;\n\n const answers = [...q.incorrect_answers, q.correct_answer];\n shuffle(answers);\n\n const answersDiv = document.getElementById(\"answers\");\n answersDiv.innerHTML = \"\";\n\n answers.forEach(ans => {\n const btn = document.createElement(\"button\");\n btn.className = \"answer-btn\";\n btn.innerHTML = ans;\n\n btn.onclick = () => {\n const correct = q.correct_answer;\n\n \/\/ Highlight correct answer\n [...answersDiv.children].forEach(b => {\n if (b.innerHTML === correct) b.classList.add(\"correct\");\n });\n\n if (ans === correct) {\n score++;\n updateScore();\n showPopup(\" Correct!\");\n } else {\n btn.classList.add(\"wrong\");\n showPopup(` Tough luck!<br><br>Correct answer:<br><b>${correct}<\/b>`);\n }\n\n current++;\n };\n\n answersDiv.appendChild(btn);\n });\n}\n\nfunction shuffle(arr) {\n for (let i = arr.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [arr[i], arr[j]] = [arr[j], arr[i]];\n }\n}\n<\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n<p>It’s free to play… Have Fun!<\/p>\n\n\n\n<p>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here’ Just a little trivia game i created so mom and I would have something to do while waiting for food at the restaurant. No time limits. 10 right answers…<\/p>\n","protected":false},"author":1,"featured_media":3043,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wprm-recipe-roundup-name":"","wprm-recipe-roundup-description":"","footnotes":""},"categories":[108,106],"tags":[],"class_list":["post-3103","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-banner","category-software"],"yoast_head":"\r\n<title>Trivia - GaryHengeveld<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/garyhengeveld.com\/wordpress\/trivia\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Trivia - GaryHengeveld\" \/>\r\n<meta property=\"og:description\" content=\"Here’ Just a little trivia game i created so mom and I would have something to do while waiting for food at the restaurant. No time limits. 10 right answers…\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/garyhengeveld.com\/wordpress\/trivia\/\" \/>\r\n<meta property=\"og:site_name\" content=\"GaryHengeveld\" \/>\r\n<meta property=\"article:published_time\" content=\"2026-01-03T15:54:37+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-03-05T15:20:44+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2025\/09\/question-685060_1280-e1769615865743.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"280\" \/>\r\n\t<meta property=\"og:image:height\" content=\"280\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"author\" content=\"ghd796\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ghd796\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/\"},\"author\":{\"name\":\"ghd796\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/a56bd109b9611da934105651f63c1988\"},\"headline\":\"Trivia\",\"datePublished\":\"2026-01-03T15:54:37+00:00\",\"dateModified\":\"2026-03-05T15:20:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/\"},\"wordCount\":50,\"publisher\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/a56bd109b9611da934105651f63c1988\"},\"image\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/question-685060_1280-e1769615865743.jpg\",\"articleSection\":[\"Banner\",\"Software\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/\",\"url\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/\",\"name\":\"Trivia - GaryHengeveld\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/question-685060_1280-e1769615865743.jpg\",\"datePublished\":\"2026-01-03T15:54:37+00:00\",\"dateModified\":\"2026-03-05T15:20:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#primaryimage\",\"url\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/question-685060_1280-e1769615865743.jpg\",\"contentUrl\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/question-685060_1280-e1769615865743.jpg\",\"width\":280,\"height\":280},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Trivia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/\",\"name\":\"GaryHengeveld\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/a56bd109b9611da934105651f63c1988\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/a56bd109b9611da934105651f63c1988\",\"name\":\"ghd796\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/GLOGO.png\",\"url\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/GLOGO.png\",\"contentUrl\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/GLOGO.png\",\"width\":150,\"height\":150,\"caption\":\"ghd796\"},\"logo\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/GLOGO.png\"},\"url\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/author\\\/ghd796\\\/\"}]}<\/script>\r\n","yoast_head_json":{"title":"Trivia - GaryHengeveld","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/","og_locale":"en_US","og_type":"article","og_title":"Trivia - GaryHengeveld","og_description":"Here’ Just a little trivia game i created so mom and I would have something to do while waiting for food at the restaurant. No time limits. 10 right answers…","og_url":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/","og_site_name":"GaryHengeveld","article_published_time":"2026-01-03T15:54:37+00:00","article_modified_time":"2026-03-05T15:20:44+00:00","og_image":[{"width":280,"height":280,"url":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2025\/09\/question-685060_1280-e1769615865743.jpg","type":"image\/jpeg"}],"author":"ghd796","twitter_card":"summary_large_image","twitter_misc":{"Written by":"ghd796","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#article","isPartOf":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/"},"author":{"name":"ghd796","@id":"https:\/\/garyhengeveld.com\/wordpress\/#\/schema\/person\/a56bd109b9611da934105651f63c1988"},"headline":"Trivia","datePublished":"2026-01-03T15:54:37+00:00","dateModified":"2026-03-05T15:20:44+00:00","mainEntityOfPage":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/"},"wordCount":50,"publisher":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/#\/schema\/person\/a56bd109b9611da934105651f63c1988"},"image":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#primaryimage"},"thumbnailUrl":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2025\/09\/question-685060_1280-e1769615865743.jpg","articleSection":["Banner","Software"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/","url":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/","name":"Trivia - GaryHengeveld","isPartOf":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/#website"},"primaryImageOfPage":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#primaryimage"},"image":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#primaryimage"},"thumbnailUrl":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2025\/09\/question-685060_1280-e1769615865743.jpg","datePublished":"2026-01-03T15:54:37+00:00","dateModified":"2026-03-05T15:20:44+00:00","breadcrumb":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/garyhengeveld.com\/wordpress\/trivia\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#primaryimage","url":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2025\/09\/question-685060_1280-e1769615865743.jpg","contentUrl":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2025\/09\/question-685060_1280-e1769615865743.jpg","width":280,"height":280},{"@type":"BreadcrumbList","@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/garyhengeveld.com\/wordpress\/"},{"@type":"ListItem","position":2,"name":"Trivia"}]},{"@type":"WebSite","@id":"https:\/\/garyhengeveld.com\/wordpress\/#website","url":"https:\/\/garyhengeveld.com\/wordpress\/","name":"GaryHengeveld","description":"","publisher":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/#\/schema\/person\/a56bd109b9611da934105651f63c1988"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/garyhengeveld.com\/wordpress\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/garyhengeveld.com\/wordpress\/#\/schema\/person\/a56bd109b9611da934105651f63c1988","name":"ghd796","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2026\/03\/GLOGO.png","url":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2026\/03\/GLOGO.png","contentUrl":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2026\/03\/GLOGO.png","width":150,"height":150,"caption":"ghd796"},"logo":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2026\/03\/GLOGO.png"},"url":"https:\/\/garyhengeveld.com\/wordpress\/author\/ghd796\/"}]}},"_links":{"self":[{"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/posts\/3103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/comments?post=3103"}],"version-history":[{"count":19,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/posts\/3103\/revisions"}],"predecessor-version":[{"id":3137,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/posts\/3103\/revisions\/3137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/media\/3043"}],"wp:attachment":[{"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/media?parent=3103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/categories?post=3103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/tags?post=3103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Here’ Just a little trivia game i created so mom and I would have something to do while waiting for food at the restaurant. No time limits. 10 right answers WINS!<\/p>\n\n\n\n

\n\n\n\n\nTrivia Game<\/title>\n<style>\n#game,\n#setup {\n margin-bottom: 80px; \/* adjust as needed *\/\n}\n body {\n font-family: Arial, sans-serif;\n background: #f4f4f4;\n padding: 20px;\n padding-bottom:80px;\n max-width: 700px;\n margin: auto;\n }\n h1 { text-align: center; }\n\n \/* Score bar *\/\n #scoreBar {\n font-size: 28px;\n font-weight: bold;\n text-align: center;\n padding: 10px;\n background: #222;\n color: #fff;\n border-radius: 8px;\n margin-bottom: 10px;\n }\n\n #restartBtn {\n padding: 10px 15px;\n background: #ff9800;\n color: white;\n font-weight: bold;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n display: none;\n width: 100%;\n margin-bottom: 20px;\n }\n\n #game, #question-box { margin-top: 20px; }\n .hidden { display: none; }\n\n button {\n padding: 10px 15px;\n margin: 5px 0;\n cursor: pointer;\n }\n .answer-btn {\n display: block;\n width: 100%;\n text-align: left;\n }\n\n \/* Highlighting *\/\n .correct {\n background-color: #4CAF50 !important;\n color: white;\n }\n .wrong {\n background-color: #f44336 !important;\n color: white;\n }\n\n \/* Popup *\/\n #popup {\n position: fixed;\n top: 30%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: white;\n padding: 25px;\n border: 3px solid black;\n font-size: 22px;\n text-align: center;\n display: none;\n z-index: 999;\n width: 300px;\n }\n<\/style>\n<\/head>\n<body>\n\n<h1>Trivia Game<\/h1>\n\n<div id=\"scoreBar\">Score: 0<\/div>\n<button id=\"restartBtn\">Restart Game<\/button>\n\n<div id=\"setup\">\n <h3>Select a Category<\/h3>\n <select id=\"categorySelect\"><\/select>\n <br><br>\n <button id=\"startBtn\">Start Game<\/button>\n<\/div>\n\n<div id=\"game\" class=\"hidden\">\n <div id=\"question-box\">\n <h3 id=\"question\"><\/h3>\n <div id=\"answers\"><\/div>\n <\/div>\n<\/div>\n\n<div id=\"popup\"><\/div>\n\n<script>\n\/\/ Load categories\nfetch(\"https:\/\/opentdb.com\/api_category.php\")\n .then(res => res.json())\n .then(data => {\n const select = document.getElementById(\"categorySelect\");\n data.trivia_categories.forEach(cat => {\n const option = document.createElement(\"option\");\n option.value = cat.id;\n option.textContent = cat.name;\n select.appendChild(option);\n });\n });\n\nlet questions = [];\nlet current = 0;\nlet score = 0;\n\n\/\/ Restart game logic\ndocument.getElementById(\"restartBtn\").onclick = restartGame;\n\nfunction restartGame() {\n score = 0;\n current = 0;\n updateScore();\n\n document.getElementById(\"popup\").style.display = \"none\";\n\n document.getElementById(\"setup\").classList.remove(\"hidden\");\n document.getElementById(\"game\").classList.add(\"hidden\");\n\n document.getElementById(\"restartBtn\").style.display = \"none\";\n}\n\n\/\/ Start game\ndocument.getElementById(\"startBtn\").addEventListener(\"click\", () => {\n const category = document.getElementById(\"categorySelect\").value;\n\n fetch(`https:\/\/opentdb.com\/api.php?amount=50&category=${category}&type=multiple`)\n .then(res => res.json())\n .then(data => {\n questions = data.results;\n current = 0;\n score = 0;\n updateScore();\n\n document.getElementById(\"setup\").classList.add(\"hidden\");\n document.getElementById(\"game\").classList.remove(\"hidden\");\n\n document.getElementById(\"restartBtn\").style.display = \"block\";\n\n showQuestion();\n });\n});\n\nfunction updateScore() {\n document.getElementById(\"scoreBar\").textContent = `Score: ${score}`;\n}\n\nfunction showPopup(message) {\n const popup = document.getElementById(\"popup\");\n popup.innerHTML = message;\n popup.style.display = \"block\";\n\n \/\/ Remove any previous click handler\n document.body.onclick = null;\n\n \/\/ Delay attaching click-to-close so the answer click doesn't close it instantly\n setTimeout(() => {\n document.body.onclick = () => {\n popup.style.display = \"none\";\n document.body.onclick = null;\n showQuestion();\n };\n }, 200);\n}\n\nfunction showQuestion() {\n if (score >= 10) {\n document.getElementById(\"question\").textContent = \"🎉 You win! You reached 10 points!\";\n document.getElementById(\"answers\").innerHTML = \"\";\n return;\n }\n\n if (current >= questions.length) {\n document.getElementById(\"question\").textContent = \"No more questions!\";\n document.getElementById(\"answers\").innerHTML = \"\";\n return;\n }\n\n const q = questions[current];\n document.getElementById(\"question\").innerHTML = q.question;\n\n const answers = [...q.incorrect_answers, q.correct_answer];\n shuffle(answers);\n\n const answersDiv = document.getElementById(\"answers\");\n answersDiv.innerHTML = \"\";\n\n answers.forEach(ans => {\n const btn = document.createElement(\"button\");\n btn.className = \"answer-btn\";\n btn.innerHTML = ans;\n\n btn.onclick = () => {\n const correct = q.correct_answer;\n\n \/\/ Highlight correct answer\n [...answersDiv.children].forEach(b => {\n if (b.innerHTML === correct) b.classList.add(\"correct\");\n });\n\n if (ans === correct) {\n score++;\n updateScore();\n showPopup(\" Correct!\");\n } else {\n btn.classList.add(\"wrong\");\n showPopup(` Tough luck!<br><br>Correct answer:<br><b>${correct}<\/b>`);\n }\n\n current++;\n };\n\n answersDiv.appendChild(btn);\n });\n}\n\nfunction shuffle(arr) {\n for (let i = arr.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [arr[i], arr[j]] = [arr[j], arr[i]];\n }\n}\n<\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n<p>It’s free to play… Have Fun!<\/p>\n\n\n\n<p>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here’ Just a little trivia game i created so mom and I would have something to do while waiting for food at the restaurant. No time limits. 10 right answers…<\/p>\n","protected":false},"author":1,"featured_media":3043,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wprm-recipe-roundup-name":"","wprm-recipe-roundup-description":"","footnotes":""},"categories":[108,106],"tags":[],"class_list":["post-3103","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-banner","category-software"],"yoast_head":"\r\n<title>Trivia - GaryHengeveld<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/garyhengeveld.com\/wordpress\/trivia\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Trivia - GaryHengeveld\" \/>\r\n<meta property=\"og:description\" content=\"Here’ Just a little trivia game i created so mom and I would have something to do while waiting for food at the restaurant. No time limits. 10 right answers…\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/garyhengeveld.com\/wordpress\/trivia\/\" \/>\r\n<meta property=\"og:site_name\" content=\"GaryHengeveld\" \/>\r\n<meta property=\"article:published_time\" content=\"2026-01-03T15:54:37+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-03-05T15:20:44+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2025\/09\/question-685060_1280-e1769615865743.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"280\" \/>\r\n\t<meta property=\"og:image:height\" content=\"280\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"author\" content=\"ghd796\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ghd796\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/\"},\"author\":{\"name\":\"ghd796\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/a56bd109b9611da934105651f63c1988\"},\"headline\":\"Trivia\",\"datePublished\":\"2026-01-03T15:54:37+00:00\",\"dateModified\":\"2026-03-05T15:20:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/\"},\"wordCount\":50,\"publisher\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/a56bd109b9611da934105651f63c1988\"},\"image\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/question-685060_1280-e1769615865743.jpg\",\"articleSection\":[\"Banner\",\"Software\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/\",\"url\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/\",\"name\":\"Trivia - GaryHengeveld\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/question-685060_1280-e1769615865743.jpg\",\"datePublished\":\"2026-01-03T15:54:37+00:00\",\"dateModified\":\"2026-03-05T15:20:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#primaryimage\",\"url\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/question-685060_1280-e1769615865743.jpg\",\"contentUrl\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/question-685060_1280-e1769615865743.jpg\",\"width\":280,\"height\":280},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/trivia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Trivia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/\",\"name\":\"GaryHengeveld\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/a56bd109b9611da934105651f63c1988\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/a56bd109b9611da934105651f63c1988\",\"name\":\"ghd796\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/GLOGO.png\",\"url\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/GLOGO.png\",\"contentUrl\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/GLOGO.png\",\"width\":150,\"height\":150,\"caption\":\"ghd796\"},\"logo\":{\"@id\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/GLOGO.png\"},\"url\":\"https:\\\/\\\/garyhengeveld.com\\\/wordpress\\\/author\\\/ghd796\\\/\"}]}<\/script>\r\n","yoast_head_json":{"title":"Trivia - GaryHengeveld","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/","og_locale":"en_US","og_type":"article","og_title":"Trivia - GaryHengeveld","og_description":"Here’ Just a little trivia game i created so mom and I would have something to do while waiting for food at the restaurant. No time limits. 10 right answers…","og_url":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/","og_site_name":"GaryHengeveld","article_published_time":"2026-01-03T15:54:37+00:00","article_modified_time":"2026-03-05T15:20:44+00:00","og_image":[{"width":280,"height":280,"url":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2025\/09\/question-685060_1280-e1769615865743.jpg","type":"image\/jpeg"}],"author":"ghd796","twitter_card":"summary_large_image","twitter_misc":{"Written by":"ghd796","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#article","isPartOf":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/"},"author":{"name":"ghd796","@id":"https:\/\/garyhengeveld.com\/wordpress\/#\/schema\/person\/a56bd109b9611da934105651f63c1988"},"headline":"Trivia","datePublished":"2026-01-03T15:54:37+00:00","dateModified":"2026-03-05T15:20:44+00:00","mainEntityOfPage":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/"},"wordCount":50,"publisher":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/#\/schema\/person\/a56bd109b9611da934105651f63c1988"},"image":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#primaryimage"},"thumbnailUrl":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2025\/09\/question-685060_1280-e1769615865743.jpg","articleSection":["Banner","Software"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/","url":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/","name":"Trivia - GaryHengeveld","isPartOf":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/#website"},"primaryImageOfPage":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#primaryimage"},"image":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#primaryimage"},"thumbnailUrl":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2025\/09\/question-685060_1280-e1769615865743.jpg","datePublished":"2026-01-03T15:54:37+00:00","dateModified":"2026-03-05T15:20:44+00:00","breadcrumb":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/garyhengeveld.com\/wordpress\/trivia\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#primaryimage","url":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2025\/09\/question-685060_1280-e1769615865743.jpg","contentUrl":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2025\/09\/question-685060_1280-e1769615865743.jpg","width":280,"height":280},{"@type":"BreadcrumbList","@id":"https:\/\/garyhengeveld.com\/wordpress\/trivia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/garyhengeveld.com\/wordpress\/"},{"@type":"ListItem","position":2,"name":"Trivia"}]},{"@type":"WebSite","@id":"https:\/\/garyhengeveld.com\/wordpress\/#website","url":"https:\/\/garyhengeveld.com\/wordpress\/","name":"GaryHengeveld","description":"","publisher":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/#\/schema\/person\/a56bd109b9611da934105651f63c1988"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/garyhengeveld.com\/wordpress\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/garyhengeveld.com\/wordpress\/#\/schema\/person\/a56bd109b9611da934105651f63c1988","name":"ghd796","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2026\/03\/GLOGO.png","url":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2026\/03\/GLOGO.png","contentUrl":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2026\/03\/GLOGO.png","width":150,"height":150,"caption":"ghd796"},"logo":{"@id":"https:\/\/garyhengeveld.com\/wordpress\/wp-content\/uploads\/2026\/03\/GLOGO.png"},"url":"https:\/\/garyhengeveld.com\/wordpress\/author\/ghd796\/"}]}},"_links":{"self":[{"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/posts\/3103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/comments?post=3103"}],"version-history":[{"count":19,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/posts\/3103\/revisions"}],"predecessor-version":[{"id":3137,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/posts\/3103\/revisions\/3137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/media\/3043"}],"wp:attachment":[{"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/media?parent=3103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/categories?post=3103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/garyhengeveld.com\/wordpress\/wp-json\/wp\/v2\/tags?post=3103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}