{"id":3205,"date":"2022-08-30T14:15:01","date_gmt":"2022-08-30T13:15:01","guid":{"rendered":"https:\/\/hub.salford.ac.uk\/psytech\/?p=3205"},"modified":"2023-02-16T08:35:27","modified_gmt":"2023-02-16T08:35:27","slug":"quiz","status":"publish","type":"post","link":"https:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/","title":{"rendered":"Quiz"},"content":{"rendered":"\n<p>What should I use<\/p>\n\n\n\n\n@import url(&#8216;https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@200;300;400;500&amp;display=swap&#8217;);\n\n*{\n  box-sizing: border-box;\n}\nbody{\n  background-color: #b8c6db;\n  background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7f7 100%);\n  font-family: &#8216;Poppins&#8217;, sans-serif;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100vh;\n  overflow: hidden;\n  margin: 0;\n}\n.quiz-container{\n  background-color: #fff;\n  border-radius: 10px;\n  box-shadow: 0 0 10px 2px rgba(100, 100, 100, 0.1);\n  width: 600px;\n  overflow: hidden;\n}\n.quiz-header{\n  padding: 4rem;\n}\nh2{\n  padding: 1rem;\n  text-align: center;\n  margin: 0;\n}\n\nul{\n  list-style-type: none;\n  padding: 0;\n}\nul li{\n  font-size: 1.2rem;\n  margin: 1rem 0;\n}\nul li label{\n  cursor: pointer;\n}\nbutton{\n  background-color: #03cae4;\n  color: #fff;\n  border: none;\n  display: block;\n  width: 100%;\n  cursor: pointer;\n  font-size: 1.1rem;\n  font-family: inherit;\n  padding: 1.3rem;\n}\nbutton:hover{\n  background-color: #04adc4;\n}\nbutton:focus{\n  outline: none;\n  background-color: #44b927;\n}\n\n\n\n<div class=\"quiz-container\" id=\"quiz\">\n    <div class=\"quiz-header\">\n      <h2 id=\"question\">Question Text<\/h2>\n      <ul>\n        <li>\n          \n          <label for=\"a\" id=\"a_text\">Answer<\/label>\n        <\/li>\n\n        <li>\n          \n          <label for=\"b\" id=\"b_text\">Answer<\/label>\n        <\/li>\n\n        <li>\n          \n          <label for=\"c\" id=\"c_text\">Answer<\/label>\n        <\/li>\n\n        <li>\n          \n          <label for=\"d\" id=\"d_text\">Answer<\/label>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n\n    <button id=\"submit\">Submit<\/button>\n\n  <\/div>\n\n\nconst quizData = [\n    {\n        question: &#8220;Which language runs in a web browser?&#8221;,\n        a: &#8220;Java&#8221;,\n        b: &#8220;C&#8221;,\n        c: &#8220;Python&#8221;,\n        d: &#8220;javascript&#8221;,\n        correct: &#8220;d&#8221;,\n    },\n    {\n        question: &#8220;What does CSS stand for?&#8221;,\n        a: &#8220;Central Style Sheets&#8221;,\n        b: &#8220;Cascading Style Sheets&#8221;,\n        c: &#8220;Cascading Simple Sheets&#8221;,\n        d: &#8220;Cars SUVs Sailboats&#8221;,\n        correct: &#8220;b&#8221;,\n    },\n    {\n        question: &#8220;What does HTML stand for?&#8221;,\n        a: &#8220;Hypertext Markup Language&#8221;,\n        b: &#8220;Hypertext Markdown Language&#8221;,\n        c: &#8220;Hyperloop Machine Language&#8221;,\n        d: &#8220;Helicopters Terminals Motorboats Lamborginis&#8221;,\n        correct: &#8220;a&#8221;,\n    },\n    {\n        question: &#8220;What year was JavaScript launched?&#8221;,\n        a: &#8220;1996&#8221;,\n        b: &#8220;1995&#8221;,\n        c: &#8220;1994&#8221;,\n        d: &#8220;none of the above&#8221;,\n        correct: &#8220;b&#8221;,\n    },\n\n\n];\n\n\nconst quiz= document.getElementById(&#8216;quiz&#8217;)\nconst answerEls = document.querySelectorAll(&#8216;.answer&#8217;)\nconst questionEl = document.getElementById(&#8216;question&#8217;)\nconst a_text = document.getElementById(&#8216;a_text&#8217;)\nconst b_text = document.getElementById(&#8216;b_text&#8217;)\nconst c_text = document.getElementById(&#8216;c_text&#8217;)\nconst d_text = document.getElementById(&#8216;d_text&#8217;)\nconst submitBtn = document.getElementById(&#8216;submit&#8217;)\n\n\nlet currentQuiz = 0\nlet score = 0\n\nloadQuiz()\n\nfunction loadQuiz() {\n\n    deselectAnswers()\n\n    const currentQuizData = quizData[currentQuiz]\n\n    questionEl.innerText = currentQuizData.question\n    a_text.innerText = currentQuizData.a\n    b_text.innerText = currentQuizData.b\n    c_text.innerText = currentQuizData.c\n    d_text.innerText = currentQuizData.d\n}\n\nfunction deselectAnswers() {\n    answerEls.forEach(answerEl =&gt; answerEl.checked = false)\n}\n\nfunction getSelected() {\n    let answer\n    answerEls.forEach(answerEl =&gt; {\n        if(answerEl.checked) {\n            answer = answerEl.id\n        }\n    })\n    return answer\n}\n\n\nsubmitBtn.addEventListener(&#8216;click&#8217;, () =&gt; {\n    const answer = getSelected()\n    if(answer) {\n       if(answer === quizData[currentQuiz].correct) {\n           score++\n       }\n\n       currentQuiz++\n\n       if(currentQuiz &lt; quizData.length) {\n           loadQuiz()\n       } else {\n           quiz.innerHTML = `\n           <h2>You answered ${score}\/${quizData.length} questions correctly<\/h2>\n\n           <button>Reload<\/button>\n           `\n       }\n    }\n})\n\n","protected":false},"excerpt":{"rendered":"<p>What should I use @import url(&#8216;https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@200;300;400;500&amp;display=swap&#8217;); *{ box-sizing: border-box; } body{ background-color: #b8c6db; background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7f7 100%); font-family: &#8216;Poppins&#8217;, sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .quiz-container{ background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px 2px rgba(100, 100, 100, 0.1); width: 600px; overflow: hidden; } .quiz-header{ [&hellip;]<\/p>\n","protected":false},"author":177,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3205","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Quiz - Salford PsyTech Home \u2192\u2302<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quiz - Salford PsyTech Home \u2192\u2302\" \/>\n<meta property=\"og:description\" content=\"What should I use @import url(&#8216;https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@200;300;400;500&amp;display=swap&#8217;); *{ box-sizing: border-box; } body{ background-color: #b8c6db; background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7f7 100%); font-family: &#8216;Poppins&#8217;, sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .quiz-container{ background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px 2px rgba(100, 100, 100, 0.1); width: 600px; overflow: hidden; } .quiz-header{ [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/\" \/>\n<meta property=\"og:site_name\" content=\"Salford PsyTech Home \u2192\u2302\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-30T13:15:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-16T08:35:27+00:00\" \/>\n<meta name=\"author\" content=\"paigemetcalfe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"paigemetcalfe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/2022\\\/08\\\/30\\\/quiz\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/2022\\\/08\\\/30\\\/quiz\\\/\"},\"author\":{\"name\":\"paigemetcalfe\",\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/#\\\/schema\\\/person\\\/71084f3ef476411c316f00352dce2d01\"},\"headline\":\"Quiz\",\"datePublished\":\"2022-08-30T13:15:01+00:00\",\"dateModified\":\"2023-02-16T08:35:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/2022\\\/08\\\/30\\\/quiz\\\/\"},\"wordCount\":347,\"publisher\":{\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/2022\\\/08\\\/30\\\/quiz\\\/\",\"url\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/2022\\\/08\\\/30\\\/quiz\\\/\",\"name\":\"Quiz - Salford PsyTech Home \u2192\u2302\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/#website\"},\"datePublished\":\"2022-08-30T13:15:01+00:00\",\"dateModified\":\"2023-02-16T08:35:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/2022\\\/08\\\/30\\\/quiz\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/2022\\\/08\\\/30\\\/quiz\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/2022\\\/08\\\/30\\\/quiz\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quiz\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/#website\",\"url\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/\",\"name\":\"Salford PsyTech Home\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/#organization\",\"name\":\"Salford PsyTech Home\",\"url\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/wp-content\\\/uploads\\\/sites\\\/95\\\/2025\\\/02\\\/university-salford-logo-400x250-1.png\",\"contentUrl\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/wp-content\\\/uploads\\\/sites\\\/95\\\/2025\\\/02\\\/university-salford-logo-400x250-1.png\",\"width\":400,\"height\":250,\"caption\":\"Salford PsyTech Home\"},\"image\":{\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/#\\\/schema\\\/person\\\/71084f3ef476411c316f00352dce2d01\",\"name\":\"paigemetcalfe\",\"url\":\"https:\\\/\\\/hub.salford.ac.uk\\\/psytech\\\/author\\\/paige\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Quiz - Salford PsyTech Home \u2192\u2302","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:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/","og_locale":"en_US","og_type":"article","og_title":"Quiz - Salford PsyTech Home \u2192\u2302","og_description":"What should I use @import url(&#8216;https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@200;300;400;500&amp;display=swap&#8217;); *{ box-sizing: border-box; } body{ background-color: #b8c6db; background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7f7 100%); font-family: &#8216;Poppins&#8217;, sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .quiz-container{ background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px 2px rgba(100, 100, 100, 0.1); width: 600px; overflow: hidden; } .quiz-header{ [&hellip;]","og_url":"https:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/","og_site_name":"Salford PsyTech Home \u2192\u2302","article_published_time":"2022-08-30T13:15:01+00:00","article_modified_time":"2023-02-16T08:35:27+00:00","author":"paigemetcalfe","twitter_card":"summary_large_image","twitter_misc":{"Written by":"paigemetcalfe","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/#article","isPartOf":{"@id":"https:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/"},"author":{"name":"paigemetcalfe","@id":"https:\/\/hub.salford.ac.uk\/psytech\/#\/schema\/person\/71084f3ef476411c316f00352dce2d01"},"headline":"Quiz","datePublished":"2022-08-30T13:15:01+00:00","dateModified":"2023-02-16T08:35:27+00:00","mainEntityOfPage":{"@id":"https:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/"},"wordCount":347,"publisher":{"@id":"https:\/\/hub.salford.ac.uk\/psytech\/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/","url":"https:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/","name":"Quiz - Salford PsyTech Home \u2192\u2302","isPartOf":{"@id":"https:\/\/hub.salford.ac.uk\/psytech\/#website"},"datePublished":"2022-08-30T13:15:01+00:00","dateModified":"2023-02-16T08:35:27+00:00","breadcrumb":{"@id":"https:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hub.salford.ac.uk\/psytech\/2022\/08\/30\/quiz\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hub.salford.ac.uk\/psytech\/"},{"@type":"ListItem","position":2,"name":"Quiz"}]},{"@type":"WebSite","@id":"https:\/\/hub.salford.ac.uk\/psytech\/#website","url":"https:\/\/hub.salford.ac.uk\/psytech\/","name":"Salford PsyTech Home","description":"","publisher":{"@id":"https:\/\/hub.salford.ac.uk\/psytech\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hub.salford.ac.uk\/psytech\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hub.salford.ac.uk\/psytech\/#organization","name":"Salford PsyTech Home","url":"https:\/\/hub.salford.ac.uk\/psytech\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hub.salford.ac.uk\/psytech\/#\/schema\/logo\/image\/","url":"https:\/\/hub.salford.ac.uk\/psytech\/wp-content\/uploads\/sites\/95\/2025\/02\/university-salford-logo-400x250-1.png","contentUrl":"https:\/\/hub.salford.ac.uk\/psytech\/wp-content\/uploads\/sites\/95\/2025\/02\/university-salford-logo-400x250-1.png","width":400,"height":250,"caption":"Salford PsyTech Home"},"image":{"@id":"https:\/\/hub.salford.ac.uk\/psytech\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hub.salford.ac.uk\/psytech\/#\/schema\/person\/71084f3ef476411c316f00352dce2d01","name":"paigemetcalfe","url":"https:\/\/hub.salford.ac.uk\/psytech\/author\/paige\/"}]}},"_links":{"self":[{"href":"https:\/\/hub.salford.ac.uk\/psytech\/wp-json\/wp\/v2\/posts\/3205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hub.salford.ac.uk\/psytech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hub.salford.ac.uk\/psytech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hub.salford.ac.uk\/psytech\/wp-json\/wp\/v2\/users\/177"}],"replies":[{"embeddable":true,"href":"https:\/\/hub.salford.ac.uk\/psytech\/wp-json\/wp\/v2\/comments?post=3205"}],"version-history":[{"count":5,"href":"https:\/\/hub.salford.ac.uk\/psytech\/wp-json\/wp\/v2\/posts\/3205\/revisions"}],"predecessor-version":[{"id":3214,"href":"https:\/\/hub.salford.ac.uk\/psytech\/wp-json\/wp\/v2\/posts\/3205\/revisions\/3214"}],"wp:attachment":[{"href":"https:\/\/hub.salford.ac.uk\/psytech\/wp-json\/wp\/v2\/media?parent=3205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hub.salford.ac.uk\/psytech\/wp-json\/wp\/v2\/categories?post=3205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hub.salford.ac.uk\/psytech\/wp-json\/wp\/v2\/tags?post=3205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}