{"id":575,"date":"2025-07-18T16:50:47","date_gmt":"2025-07-18T16:50:47","guid":{"rendered":"https:\/\/techandchild.com\/?page_id=575"},"modified":"2025-11-12T14:17:02","modified_gmt":"2025-11-12T14:17:02","slug":"quizes","status":"publish","type":"page","link":"https:\/\/techandchild.com\/index.php\/quizes\/","title":{"rendered":"Quizes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"575\" class=\"elementor elementor-575\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a057f94 e-con-full e-flex e-con e-parent\" data-id=\"a057f94\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3914563 elementor-widget elementor-widget-html\" data-id=\"3914563\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  #quizForm {\r\n    max-width: 600px;\r\n    margin: 40px auto;\r\n    padding: 20px;\r\n    font-family: sans-serif;\r\n    border: 2px solid #e2e2e2;\r\n    border-radius: 12px;\r\n    background-color: #fdfdfd;\r\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  #quizForm label {\r\n    display: block;\r\n    margin-bottom: 15px;\r\n    font-weight: bold;\r\n    color: #333;\r\n  }\r\n\r\n  #quizForm input[type=\"text\"],\r\n  #quizForm input[type=\"email\"],\r\n  #quizForm input[type=\"number\"] {\r\n    width: 100%;\r\n    padding: 10px;\r\n    margin-top: 5px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 6px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  #quizForm button {\r\n    margin-top: 20px;\r\n    padding: 12px 25px;\r\n    background-color: #0073aa;\r\n    color: white;\r\n    font-size: 16px;\r\n    border: none;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  #quizForm button:hover {\r\n    background-color: #005f8c;\r\n  }\r\n\r\n  \/* Success card *\/\r\n  #successCard {\r\n    display: none;\r\n    text-align: center;\r\n    padding: 30px;\r\n  }\r\n\r\n  #successCard .card {\r\n    background: #fff;\r\n    border-radius: 16px;\r\n    padding: 30px;\r\n    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);\r\n    max-width: 400px;\r\n    margin: auto;\r\n    animation: fadeIn 0.5s ease-in-out;\r\n  }\r\n\r\n  #successCard img {\r\n    width: 100px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  #successCard h2 {\r\n    color: #28a745;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  #successCard p {\r\n    margin: 8px 0;\r\n    color: #333;\r\n  }\r\n\r\n  #successCard button {\r\n    margin-top: 20px;\r\n    padding: 10px 20px;\r\n    background: #ff6b6b;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n  }\r\n\r\n  #successCard button:hover {\r\n    background: #e05656;\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(-20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n<\/style>\r\n\r\n<h2 style=\"text-align:center; font-family: sans-serif; color: #d11319; margin-top: 20px;\">\r\n  \ud83e\udde0 Digital Explorers Quiz (Ages 9\u201313)\r\n<\/h2>\r\n\r\n<p style=\"text-align:center; max-width: 500px; margin: auto; color: #000;\">\r\n  Rate how much you agree with each statement (1 = Strongly Disagree, 5 = Strongly Agree)\r\n<\/p>\r\n\r\n<!--<form id=\"quizForm\">-->\r\n<!--  <label>Name:-->\r\n<!--    <input type=\"text\" name=\"name\" required \/>-->\r\n<!--  <\/label>-->\r\n\r\n<!--  <label>Email:-->\r\n<!--    <input type=\"email\" name=\"email\" required \/>-->\r\n<!--  <\/label>-->\r\n  \r\n  <!-- Prefilled Age Group -->\r\n<!--  <label>Age Group:-->\r\n<!--    <input type=\"text\" name=\"age group\" value=\"9-12\" readonly required \/>-->\r\n<!--  <\/label>-->\r\n\r\n<!--  <label>Q1: I know how to use a search engine:-->\r\n<!--    <input type=\"number\" name=\"q1\" min=\"1\" max=\"5\" required \/>-->\r\n<!--  <\/label>-->\r\n<!--  <label>Q2: I can tell when a website looks fake:-->\r\n<!--    <input type=\"number\" name=\"q2\" min=\"1\" max=\"5\" required \/>-->\r\n<!--  <\/label>-->\r\n<!--  <label>Q3: I ask an adult before downloading apps:-->\r\n<!--    <input type=\"number\" name=\"q3\" min=\"1\" max=\"5\" required \/>-->\r\n<!--  <\/label>-->\r\n<!--  <label>Q4: I understand why not to share personal info online:-->\r\n<!--    <input type=\"number\" name=\"q4\" min=\"1\" max=\"5\" required \/>-->\r\n<!--  <\/label>-->\r\n<!--  <label>Q5: I know when to take a break from screens:-->\r\n<!--    <input type=\"number\" name=\"q5\" min=\"1\" max=\"5\" required \/>-->\r\n<!--  <\/label>-->\r\n<!--  <label>Q6: I ask permission before posting photos of others:-->\r\n<!--    <input type=\"number\" name=\"q6\" min=\"1\" max=\"5\" required \/>-->\r\n<!--  <\/label>-->\r\n<!--  <label>Q7: I can spot tricky ads\/pop-ups:-->\r\n<!--    <input type=\"number\" name=\"q7\" min=\"1\" max=\"5\" required \/>-->\r\n<!--  <\/label>-->\r\n<!--  <label>Q8: I talk to a trusted adult when something feels off online:-->\r\n<!--    <input type=\"number\" name=\"q8\" min=\"1\" max=\"5\" required \/>-->\r\n<!--  <\/label>-->\r\n<!--  <label>Q9: I try to be kind while chatting or playing online:-->\r\n<!--    <input type=\"number\" name=\"q9\" min=\"1\" max=\"5\" required \/>-->\r\n<!--  <\/label>-->\r\n<!--  <label>Q10: I feel confident using the internet for schoolwork:-->\r\n<!--    <input type=\"number\" name=\"q10\" min=\"1\" max=\"5\" required \/>-->\r\n<!--  <\/label>-->\r\n\r\n<!--  <button type=\"submit\">Submit<\/button>-->\r\n<!--<\/form>-->\r\n\r\n<form id=\"quizForm\">\r\n  <label>Name:\r\n    <input type=\"text\" name=\"name\" required placeholder=\"Enter name\"\/>\r\n  <\/label>\r\n\r\n  <label>Email:\r\n    <input type=\"email\" name=\"email\" required placeholder=\"Enter email\" \/>\r\n  <\/label>\r\n  \r\n  <!-- Prefilled Age Group -->\r\n  <label>Age Group:\r\n    <input type=\"text\" name=\"age group\" value=\"9-12\" readonly required \/>\r\n  <\/label>\r\n\r\n  <label>Q1: I know how to use a search engine:\r\n    <select name=\"q1\" required>\r\n      <option value=\"\">Select<\/option>\r\n      <option value=\"1\">1 - Strongly Disagree<\/option>\r\n      <option value=\"2\">2 - Disagree<\/option>\r\n      <option value=\"3\">3 - Neutral<\/option>\r\n      <option value=\"4\">4 - Agree<\/option>\r\n      <option value=\"5\">5 - Strongly Agree<\/option>\r\n    <\/select>\r\n  <\/label>\r\n\r\n  <label>Q2: I can tell when a website looks fake:\r\n    <select name=\"q2\" required>\r\n      <option value=\"\">Select<\/option>\r\n      <option value=\"1\">1 - Strongly Disagree<\/option>\r\n      <option value=\"2\">2 - Disagree<\/option>\r\n      <option value=\"3\">3 - Neutral<\/option>\r\n      <option value=\"4\">4 - Agree<\/option>\r\n      <option value=\"5\">5 - Strongly Agree<\/option>\r\n    <\/select>\r\n  <\/label>\r\n\r\n  <label>Q3: I ask an adult before downloading apps:\r\n    <select name=\"q3\" required>\r\n      <option value=\"\">Select<\/option>\r\n      <option value=\"1\">1 - Strongly Disagree<\/option>\r\n      <option value=\"2\">2 - Disagree<\/option>\r\n      <option value=\"3\">3 - Neutral<\/option>\r\n      <option value=\"4\">4 - Agree<\/option>\r\n      <option value=\"5\">5 - Strongly Agree<\/option>\r\n    <\/select>\r\n  <\/label>\r\n\r\n  <label>Q4: I understand why not to share personal info online:\r\n    <select name=\"q4\" required>\r\n      <option value=\"\">Select<\/option>\r\n      <option value=\"1\">1 - Strongly Disagree<\/option>\r\n      <option value=\"2\">2 - Disagree<\/option>\r\n      <option value=\"3\">3 - Neutral<\/option>\r\n      <option value=\"4\">4 - Agree<\/option>\r\n      <option value=\"5\">5 - Strongly Agree<\/option>\r\n    <\/select>\r\n  <\/label>\r\n\r\n  <label>Q5: I know when to take a break from screens:\r\n    <select name=\"q5\" required>\r\n      <option value=\"\">Select<\/option>\r\n      <option value=\"1\">1 - Strongly Disagree<\/option>\r\n      <option value=\"2\">2 - Disagree<\/option>\r\n      <option value=\"3\">3 - Neutral<\/option>\r\n      <option value=\"4\">4 - Agree<\/option>\r\n      <option value=\"5\">5 - Strongly Agree<\/option>\r\n    <\/select>\r\n  <\/label>\r\n\r\n  <label>Q6: I ask permission before posting photos of others:\r\n    <select name=\"q6\" required>\r\n      <option value=\"\">Select<\/option>\r\n      <option value=\"1\">1 - Strongly Disagree<\/option>\r\n      <option value=\"2\">2 - Disagree<\/option>\r\n      <option value=\"3\">3 - Neutral<\/option>\r\n      <option value=\"4\">4 - Agree<\/option>\r\n      <option value=\"5\">5 - Strongly Agree<\/option>\r\n    <\/select>\r\n  <\/label>\r\n\r\n  <label>Q7: I can spot tricky ads\/pop-ups:\r\n    <select name=\"q7\" required>\r\n      <option value=\"\">Select<\/option>\r\n      <option value=\"1\">1 - Strongly Disagree<\/option>\r\n      <option value=\"2\">2 - Disagree<\/option>\r\n      <option value=\"3\">3 - Neutral<\/option>\r\n      <option value=\"4\">4 - Agree<\/option>\r\n      <option value=\"5\">5 - Strongly Agree<\/option>\r\n    <\/select>\r\n  <\/label>\r\n\r\n  <label>Q8: I talk to a trusted adult when something feels off online:\r\n    <select name=\"q8\" required>\r\n      <option value=\"\">Select<\/option>\r\n      <option value=\"1\">1 - Strongly Disagree<\/option>\r\n      <option value=\"2\">2 - Disagree<\/option>\r\n      <option value=\"3\">3 - Neutral<\/option>\r\n      <option value=\"4\">4 - Agree<\/option>\r\n      <option value=\"5\">5 - Strongly Agree<\/option>\r\n    <\/select>\r\n  <\/label>\r\n\r\n  <label>Q9: I try to be kind while chatting or playing online:\r\n    <select name=\"q9\" required>\r\n      <option value=\"\">Select<\/option>\r\n      <option value=\"1\">1 - Strongly Disagree<\/option>\r\n      <option value=\"2\">2 - Disagree<\/option>\r\n      <option value=\"3\">3 - Neutral<\/option>\r\n      <option value=\"4\">4 - Agree<\/option>\r\n      <option value=\"5\">5 - Strongly Agree<\/option>\r\n    <\/select>\r\n  <\/label>\r\n\r\n  <label>Q10: I feel confident using the internet for schoolwork:\r\n    <select name=\"q10\" required>\r\n      <option value=\"\">Select<\/option>\r\n      <option value=\"1\">1 - Strongly Disagree<\/option>\r\n      <option value=\"2\">2 - Disagree<\/option>\r\n      <option value=\"3\">3 - Neutral<\/option>\r\n      <option value=\"4\">4 - Agree<\/option>\r\n      <option value=\"5\">5 - Strongly Agree<\/option>\r\n    <\/select>\r\n  <\/label>\r\n\r\n  <button type=\"submit\">Submit<\/button>\r\n<\/form>\r\n\r\n\r\n<!-- Success Card -->\r\n<div id=\"successCard\">\r\n  <div class=\"card\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/190\/190411.png\" alt=\"Success\">\r\n    <h2>\ud83c\udf89 Congratulations!<\/h2>\r\n    <p id=\"scoreText\"><\/p>\r\n    <p id=\"badgeText\" style=\"font-weight:bold;\"><\/p>\r\n    <button onclick=\"location.reload()\">Close<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n  document.getElementById(\"quizForm\").addEventListener(\"submit\", async function(e) {\r\n    e.preventDefault();\r\n    const form = e.target;\r\n    const formData = new FormData(form);\r\n    let total = 0;\r\n    for (let i = 1; i <= 10; i++) {\r\n      total += parseInt(formData.get(\"q\" + i)) || 0;\r\n    }\r\n    let badge = \"\";\r\n    if (total >= 40) badge = \"Cyber Scout of SparkleBytes Forest\";\r\n    else if (total >= 30) badge = \"Digital Pathfinder of PixelTown\";\r\n    else badge = \"Need more practice\";\r\n    formData.append(\"total\", total);\r\n    formData.append(\"badge\", badge);\r\n    form.style.display = \"none\";\r\n    document.getElementById(\"successCard\").style.display = \"block\";\r\n    document.getElementById(\"scoreText\").innerText = \"\u23f3 Submitting your response...\";\r\n    document.getElementById(\"badgeText\").innerText = \"\";\r\n    const url = \"https:\/\/script.google.com\/macros\/s\/AKfycby3Qbs5nbck5tDXDhFClHBz5Ap3HfFPE2D-0r1AynbdA6zjn5JeJ-msjvLnWNvI9h7H\/exec\";\r\n\r\n    try {\r\n      const res = await fetch(url, {\r\n        method: \"POST\",\r\n        body: formData\r\n      });\r\n      const data = await res.json();\r\n\r\n      if (data.result === \"success\") {\r\n        document.getElementById(\"scoreText\").innerText = `\ud83c\udfaf Total Score: ${total}`;\r\n        document.getElementById(\"badgeText\").innerText = `\ud83c\udfc5 Badge: ${badge}`;\r\n      } else {\r\n        document.getElementById(\"scoreText\").innerText = \"\u274c Error saving response.\";\r\n      }\r\n    } catch (err) {\r\n      document.getElementById(\"scoreText\").innerText = \"\u274c Network Error: \" + err.message;\r\n    }\r\n  });\r\n<\/script>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83e\udde0 Digital Explorers Quiz (Ages 9\u201313) Rate how much you agree with each statement (1 = Strongly Disagree, 5 = [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-575","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/techandchild.com\/index.php\/wp-json\/wp\/v2\/pages\/575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techandchild.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techandchild.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techandchild.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techandchild.com\/index.php\/wp-json\/wp\/v2\/comments?post=575"}],"version-history":[{"count":37,"href":"https:\/\/techandchild.com\/index.php\/wp-json\/wp\/v2\/pages\/575\/revisions"}],"predecessor-version":[{"id":1067,"href":"https:\/\/techandchild.com\/index.php\/wp-json\/wp\/v2\/pages\/575\/revisions\/1067"}],"wp:attachment":[{"href":"https:\/\/techandchild.com\/index.php\/wp-json\/wp\/v2\/media?parent=575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}