{"id":2,"date":"2025-06-17T21:17:46","date_gmt":"2025-06-17T21:17:46","guid":{"rendered":"https:\/\/prc.bashdevelopers.com\/?page_id=2"},"modified":"2025-11-04T20:28:30","modified_gmt":"2025-11-04T20:28:30","slug":"quiz","status":"publish","type":"page","link":"https:\/\/pinksheild.bashdevelopers.com\/index.php\/quiz\/","title":{"rendered":"Quiz"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n
\n
\n \n \n\n \n \"Text-header.png\" \n <\/div>\n <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n

A Moment for Self-Reflection<\/h3>

Take the Self-Assessment Quiz to Understand Your Awareness and Risk Level<\/span><\/h3>

This self-assessment quiz is created to help you reflect on your breast health awareness not to test your knowledge, but to encourage self-reflection about your habits, lifestyle, and early detection practices. By answering simple, thoughtful questions, you\u2019ll gain a clearer picture of your personal awareness and identify areas where you can take better care of your health. It\u2019s a gentle reminder that staying informed, attentive, and proactive can truly make a life-saving difference.<\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/article><\/div><\/div>\n <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n
\n
\n \n \n\n \n \"Ellipse-9.png\" \n <\/div>\n <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n
\n
\n \n \n\n \n \"Text-header.png\" \n <\/div>\n <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n
\n
\n \n \n\n \n \n <\/div>\n <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n
\n
\n \n \n\n \n \"Text-header.png\" \n <\/div>\n <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n

Why Attempt This Quiz?<\/h2>

This quiz is designed to help you understand your level of awareness and risk related to breast cancer. By answering a few simple questions, you can reflect on your health habits, symptoms, and knowledge about early detection. It\u2019s not a diagnosis, but a helpful self-check that encourages awareness and reminds you of the importance of regular screenings and timely consultation with a healthcare professional.<\/p><\/div><\/div>\n <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n
\n
\n \n \n\n \n \"Pink \n <\/div>\n <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n
\n
\n \n \n\n \n \"#fdcce3 \n <\/div>\n <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nBreast Cancer Self-Awareness Quiz<\/title>\r\n<style>\r\n:root{\r\n --pink:#d63384;\r\n --pink-soft:#ffe0eb;\r\n --bg:#fff5f8;\r\n --blue-link:#007bff;\r\n}\r\n\r\nbody{\r\n margin:0;\r\n font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,\"Helvetica Neue\",Arial;\r\n background:var(--bg);\r\n padding:24px 0;\r\n}\r\n\r\n\/* Quiz container *\/\r\n.quiz-container{\r\n width:100%;\r\n max-width:680px;\r\n background:#fff;\r\n border-radius:16px;\r\n box-shadow:0 10px 30px rgba(0,0,0,0.08);\r\n padding:28px;\r\n margin:40px auto;\r\n}\r\n\r\n\/* Title *\/\r\n.quiz-header h2{\r\n text-align:center;\r\n color:var(--pink);\r\n margin-bottom:10px;\r\n}\r\n\r\n\/* Instructions page *\/\r\n.instructions{\r\n text-align:left;\r\n line-height:1.6;\r\n}\r\n.instructions ul{\r\n margin-left:20px;\r\n color:#444;\r\n}\r\n.instructions button{\r\n display:block;\r\n margin:30px auto 0;\r\n background:var(--pink);\r\n color:#fff;\r\n border:none;\r\n padding:12px 24px;\r\n font-size:16px;\r\n border-radius:8px;\r\n cursor:pointer;\r\n transition:0.2s;\r\n}\r\n.instructions button:hover{\r\n background:#b52c6e;\r\n}\r\n\r\n\/* Question text *\/\r\n#question{\r\n font-size:18px;\r\n font-weight:500;\r\n margin-bottom:10px;\r\n color:#222;\r\n text-align:left;\r\n}\r\n\r\n\/* Options *\/\r\n.options{\r\n display:flex;\r\n flex-direction:column;\r\n gap:18px;\r\n}\r\n.option{\r\n text-align:left;\r\n padding:14px;\r\n border:2px solid var(--pink-soft);\r\n border-radius:8px;\r\n cursor:pointer;\r\n background:var(--pink-soft);\r\n transition:0.25s;\r\n}\r\n.option:hover{\r\n background:var(--pink);\r\n color:#fff;\r\n}\r\n\r\n\/* Buttons *\/\r\n.buttons{\r\n display:flex;\r\n justify-content:space-between;\r\n margin-top:24px;\r\n}\r\nbutton{\r\n padding:10px 22px;\r\n border:none;\r\n background:var(--pink);\r\n color:#fff;\r\n border-radius:8px;\r\n cursor:pointer;\r\n transition:0.3s;\r\n font-size:15px;\r\n}\r\nbutton:hover{\r\n background:#b52c6e;\r\n}\r\nbutton:disabled{\r\n opacity:0.5;\r\n cursor:not-allowed;\r\n}\r\n\r\n\/* Result *\/\r\n#result{\r\n text-align:center;\r\n font-size:18px;\r\n color:#333;\r\n margin-top:20px;\r\n line-height:1.6;\r\n}\r\n\r\n\/* Learn How link *\/\r\n.learn-link{\r\n color:var(--blue-link);\r\n font-size:14px;\r\n margin-top:8px;\r\n display:inline-block;\r\n cursor:pointer;\r\n}\r\n.learn-link:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n\/* Progress text *\/\r\n#progress{\r\n text-align:center;\r\n font-size:14px;\r\n color:#666;\r\n margin-top:16px;\r\n}\r\n\r\n\/* Retake button *\/\r\n#retakeBtn{\r\n display:block;\r\n margin:30px auto 0;\r\n background:var(--pink);\r\n color:#fff;\r\n border:none;\r\n padding:12px 24px;\r\n font-size:16px;\r\n border-radius:8px;\r\n cursor:pointer;\r\n transition:0.2s;\r\n}\r\n#retakeBtn:hover{\r\n background:#b52c6e;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"quiz-container\" id=\"quizContainer\">\r\n <div class=\"quiz-header\">\r\n <h2>\ud83e\ude77 Breast Cancer Self-Awareness Quiz<\/h2>\r\n <\/div>\r\n\r\n <!-- Instructions Page -->\r\n <div id=\"instructionsPage\">\r\n <p>This self-assessment quiz is designed to help women identify possible signs of breast changes early.<\/p>\r\n <ul class=\"instructions\">\r\n <li>Perform the quiz in a comfortable and private setting.<\/li>\r\n <li>Choose the most accurate answer for each question.<\/li>\r\n <li>This quiz is not a diagnosis\u2014only a doctor can confirm results.<\/li>\r\n <li>Always consult your physician if you notice any unusual changes.<\/li>\r\n <\/ul>\r\n <button onclick=\"startQuiz()\">Begin Quiz<\/button>\r\n <\/div>\r\n\r\n <!-- Quiz Page -->\r\n <div id=\"quizPage\" style=\"display:none;\">\r\n\r\n <div id=\"question\"><\/div>\r\n <div id=\"learnLink\" class=\"learn-link\"><\/div>\r\n <div class=\"options\" id=\"options\"><\/div>\r\n\r\n <div class=\"buttons\">\r\n <button id=\"prevBtn\" onclick=\"prevQuestion()\">Back<\/button>\r\n <button id=\"nextBtn\" onclick=\"nextQuestion()\">Next<\/button>\r\n <\/div>\r\n\r\n <div id=\"progress\"><\/div>\r\n <div id=\"result\" style=\"display:none;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\nconst quizData = [\r\n {\r\n question: \"1. While pressing the breast area with your fingers, did you feel any unusual lump or thickened tissue?\",\r\n options: [\"No, it feels normal\", \"Yes, I feel a lump or hard area\", \"Not sure \/ can\u2019t tell\"],\r\n link: \"https:\/\/www.cancer.org\/healthy\/find-cancer-early\/womens-health.html\"\r\n },\r\n {\r\n question: \"2. Have you noticed any change in the size, shape, or appearance of one or both breasts?\",\r\n options: [\"No visible change\", \"Slight change\", \"Noticeable change\"],\r\n link: \"https:\/\/www.breastcancer.org\/symptoms\/understand_bc\"\r\n },\r\n {\r\n question: \"3. Is there any discharge (other than milk) from either nipple?\",\r\n options: [\"No\", \"Yes, clear or milky\", \"Yes, bloody or colored\"],\r\n link: \"https:\/\/www.nhs.uk\/conditions\/breast-pain-nipple-discharge\/\"\r\n },\r\n {\r\n question: \"4. Do you notice any dimpling, puckering, or pulling of the skin around your breast?\",\r\n options: [\"No\", \"Slight\", \"Yes, clearly visible\"],\r\n link: \"https:\/\/www.cancer.gov\/types\/breast\/patient\/breast-changes\"\r\n },\r\n {\r\n question: \"5. Have you observed redness, rash, or scaling around the nipple or breast skin?\",\r\n options: [\"No\", \"A little irritation\", \"Yes, it\u2019s quite visible\"],\r\n link: \"\"\r\n },\r\n {\r\n question: \"6. Do you feel any pain or tenderness that persists in one area of your breast?\",\r\n options: [\"No\", \"Sometimes\", \"Yes, it\u2019s constant\"],\r\n link: \"\"\r\n },\r\n {\r\n question: \"7. Have you noticed swelling or a lump in the underarm area?\",\r\n options: [\"No\", \"Slight swelling\", \"Yes, noticeable lump\"],\r\n link: \"\"\r\n }\r\n];\r\n\r\nlet currentQuestion = 0;\r\nlet riskScore = 0;\r\n\r\nfunction startQuiz(){\r\n document.getElementById(\"instructionsPage\").style.display = \"none\";\r\n document.getElementById(\"quizPage\").style.display = \"block\";\r\n currentQuestion = 0;\r\n riskScore = 0;\r\n quizData.forEach(q => q.selected = null);\r\n document.getElementById(\"result\").style.display = \"none\";\r\n document.getElementById(\"question\").style.display = \"block\";\r\n document.getElementById(\"options\").style.display = \"block\";\r\n document.getElementById(\"learnLink\").style.display = \"block\";\r\n document.querySelector(\".buttons\").style.display = \"flex\";\r\n document.getElementById(\"progress\").style.display = \"block\";\r\n loadQuestion();\r\n}\r\n\r\nfunction loadQuestion(){\r\n const q = quizData[currentQuestion];\r\n document.getElementById(\"question\").innerText = q.question;\r\n\r\n document.getElementById(\"learnLink\").innerHTML = q.link \r\n ? `<a href=\"${q.link}\" target=\"_blank\">Learn How<\/a>` \r\n : \"\";\r\n\r\n const optionsDiv = document.getElementById(\"options\");\r\n optionsDiv.innerHTML = \"\";\r\n q.options.forEach((opt, i) => {\r\n const btn = document.createElement(\"div\");\r\n btn.classList.add(\"option\");\r\n btn.innerText = opt;\r\n btn.onclick = () => selectOption(i);\r\n\r\n \/\/ Keep previously selected option highlighted\r\n if (q.selected === i) {\r\n btn.style.background = \"#b52c6e\";\r\n btn.style.color = \"#fff\";\r\n }\r\n\r\n optionsDiv.appendChild(btn);\r\n });\r\n\r\n document.getElementById(\"prevBtn\").disabled = currentQuestion === 0;\r\n document.getElementById(\"progress\").innerText = `${currentQuestion + 1} \/ ${quizData.length}`;\r\n}\r\n\r\nfunction selectOption(index){\r\n const options = document.querySelectorAll(\".option\");\r\n\r\n \/\/ Reset all options first\r\n options.forEach(opt => {\r\n opt.style.background = \"var(--pink-soft)\";\r\n opt.style.color = \"#000\";\r\n });\r\n\r\n \/\/ Highlight the selected option\r\n options[index].style.background = \"#b52c6e\";\r\n options[index].style.color = \"#fff\";\r\n\r\n \/\/ Save user\u2019s selection\r\n quizData[currentQuestion].selected = index;\r\n}\r\n\r\nfunction nextQuestion(){\r\n \/\/ Recalculate score based on selections\r\n riskScore = quizData.reduce((acc, q) => acc + (q.selected ?? 0), 0);\r\n\r\n if(currentQuestion < quizData.length - 1){\r\n currentQuestion++;\r\n loadQuestion();\r\n } else {\r\n showResult();\r\n }\r\n}\r\n\r\nfunction prevQuestion(){\r\n if(currentQuestion > 0){\r\n currentQuestion--;\r\n loadQuestion();\r\n }\r\n}\r\n\r\nfunction showResult(){\r\n document.getElementById(\"question\").style.display = \"none\";\r\n document.getElementById(\"options\").style.display = \"none\";\r\n document.getElementById(\"learnLink\").style.display = \"none\";\r\n document.querySelector(\".buttons\").style.display = \"none\";\r\n document.getElementById(\"progress\").style.display = \"none\";\r\n\r\n const resultDiv = document.getElementById(\"result\");\r\n resultDiv.style.display = \"block\";\r\n\r\n let message = \"\";\r\n if (riskScore <= 4){\r\n message = `<div style=\"color:green;\">\r\n <strong>Low Risk \u2013 No Concerning Findings<\/strong><br><br>\r\n Based on your responses, no significant breast changes have been identified. \r\n Continue performing monthly self-examinations and maintain regular screening visits with your healthcare provider.\r\n <\/div>`;\r\n } else if (riskScore <= 10){\r\n message = `<div style=\"color:orange;\">\r\n <strong>Moderate Risk \u2013 Mild Observations Noted<\/strong><br><br>\r\n Your answers indicate minor or uncertain changes. \r\n It is advisable to monitor these areas carefully and seek medical evaluation if any symptoms persist or progress.\r\n <\/div>`;\r\n } else {\r\n message = `<div style=\"color:red;\">\r\n <strong>High Risk \u2013 Medical Consultation Recommended<\/strong><br><br>\r\n Your responses suggest several findings that warrant medical attention. \r\n Please schedule an appointment with a healthcare professional or breast specialist for a comprehensive clinical assessment.\r\n <\/div>`;\r\n }\r\n\r\n resultDiv.innerHTML = message + `<button id=\"retakeBtn\" onclick=\"retakeQuiz()\">Retake Quiz<\/button>`;\r\n}\r\n\r\nfunction retakeQuiz(){\r\n document.getElementById(\"quizPage\").style.display = \"none\";\r\n document.getElementById(\"instructionsPage\").style.display = \"block\";\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba1c668 e-con-full e-flex e-con e-child\" data-id=\"ba1c668\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e666db3 aux-appear-watch-animation aux-fade-in-right-2 elementor-widget elementor-widget-aux_image\" data-id=\"e666db3\" data-element_type=\"widget\" data-widget_type=\"aux_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"widget-container aux-widget-image aux-alignnone aux-parent-au5803b09c\">\n <div class=\"aux-media-hint-frame \">\n <div class=\"aux-media-image \" >\n \n \n\n \n <img loading=\"lazy\" decoding=\"async\" width=\"425\" height=\"1061\" src=\"https:\/\/pinksheild.bashdevelopers.com\/wp-content\/uploads\/2025\/10\/Ellipse-10.png\" class=\"aux-attachment aux-featured-image aux-attachment-id-1048\" alt=\"Ellipse-10.png\" data-ratio=\"0.4\" data-original-w=\"425\" \/> \n <\/div>\n <\/div>\n\n<\/section><!-- widget-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>A Moment for Self-Reflection Take the Self-Assessment Quiz to Understand Your Awareness and Risk Level This self-assessment quiz is created to help you reflect on your breast health awareness not to test your knowledge, but to encourage self-reflection about your habits, lifestyle, and early detection practices. By answering simple, thoughtful questions, you\u2019ll gain a clearer […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pinksheild.bashdevelopers.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pinksheild.bashdevelopers.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pinksheild.bashdevelopers.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pinksheild.bashdevelopers.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pinksheild.bashdevelopers.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":158,"href":"https:\/\/pinksheild.bashdevelopers.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1573,"href":"https:\/\/pinksheild.bashdevelopers.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/1573"}],"wp:attachment":[{"href":"https:\/\/pinksheild.bashdevelopers.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}