{"id":623,"date":"2025-03-01T03:20:21","date_gmt":"2025-03-01T03:20:21","guid":{"rendered":"https:\/\/ojoaosanti.com\/interactivequiz\/?page_id=623"},"modified":"2025-03-11T01:27:37","modified_gmt":"2025-03-11T01:27:37","slug":"3-third-question-interactive-quiz","status":"publish","type":"page","link":"https:\/\/ojoaosanti.com\/interactivequiz\/3-third-question-interactive-quiz\/","title":{"rendered":"[ #3 ] Third Question \u2013 Interactive Quiz"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"623\" class=\"elementor elementor-623\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90b03a9 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"90b03a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0a911b4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"0a911b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aec558 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"5aec558\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/ojoaosanti.com\/interactivequiz\/2-second-question\/\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-left\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M8 256c0 137 111 248 248 248s248-111 248-248S393 8 256 8 8 119 8 256zm448 0c0 110.5-89.5 200-200 200S56 366.5 56 256 145.5 56 256 56s200 89.5 200 200zm-72-20v40c0 6.6-5.4 12-12 12H256v67c0 10.7-12.9 16-20.5 8.5l-99-99c-4.7-4.7-4.7-12.3 0-17l99-99c7.6-7.6 20.5-2.2 20.5 8.5v67h116c6.6 0 12 5.4 12 12z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\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-300202c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"300202c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1e5319 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a1e5319\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3\/27<\/h2>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-883eb8a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"883eb8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-785bc60 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"785bc60\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea4d423 elementor-invisible elementor-widget elementor-widget-progress\" data-id=\"ea4d423\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"9\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"9\">\n\t\t\t\t<span class=\"elementor-progress-text\"><\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f24366c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"f24366c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Does any resident have specific needs we should consider in the project? <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44a818b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"44a818b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your input ensures a design that\u2019s both beautiful and functional for everyone.<\/h2>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-bc9bac7 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"bc9bac7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a87c21a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"a87c21a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b6c26b elementor-align-justify elementor-widget__width-initial quiz-button elementor-invisible elementor-widget elementor-widget-button\" data-id=\"4b6c26b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.2,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-question=\"\" data-answer=\"\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/ojoaosanti.com\/interactivequiz\/fourth-question-interactive-quiz\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">No<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d09793 elementor-align-justify elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-button\" data-id=\"7d09793\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.2,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-question=\"\" data-answer=\"\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjkyMCIsInRvZ2dsZSI6ZmFsc2V9\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Yes<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-dfa83b5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"dfa83b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb3351b elementor-widget elementor-widget-html\" data-id=\"cb3351b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    console.log(\"Quiz 3 tracking script loaded!\");\r\n\r\n    \/\/ Captura o clique nos bot\u00f5es\r\n    document.querySelectorAll(\".quiz-button\").forEach(function (button) {\r\n        button.addEventListener(\"click\", function () {\r\n            let question = this.getAttribute(\"data-question\");\r\n            let answer = this.getAttribute(\"data-answer\");\r\n\r\n            if (!question) {\r\n                console.error(\"Atributo 'data-question' ausente no bot\u00e3o!\");\r\n                return;\r\n            }\r\n\r\n            if (answer) {\r\n                localStorage.setItem(question, answer);\r\n                console.log(`Resposta salva: ${question} = ${answer}`);\r\n            }\r\n\r\n            \/\/ Se for a op\u00e7\u00e3o \"Yes (Popup)\", aguardar o formul\u00e1rio\r\n            if (answer.includes(\"Popup\")) {\r\n                let checkPopup = setInterval(() => {\r\n                    let popup = document.querySelector(\".dialog-widget-content\");\r\n                    if (popup) {\r\n                        clearInterval(checkPopup);\r\n                        console.log(\"Popup detectado, aguardando formul\u00e1rio...\");\r\n\r\n                        let checkForm = setInterval(() => {\r\n                            let form = popup.querySelector(\"form\");\r\n                            if (form) {\r\n                                clearInterval(checkForm);\r\n                                console.log(\"Formul\u00e1rio encontrado dentro do popup!\");\r\n\r\n                                let formInputs = form.querySelectorAll(\"input, textarea, select\");\r\n                                if (formInputs.length > 0) {\r\n                                    console.log(\"Campos de entrada detectados!\");\r\n\r\n                                    \/\/ Captura os valores ao enviar o formul\u00e1rio\r\n                                    form.addEventListener(\"submit\", function (event) {\r\n                                        event.preventDefault();\r\n\r\n                                        let formAnswer = \"<b>Does any resident have specific needs we should consider in the project?<\/b> <br>\";\r\n                                        formInputs.forEach(function (input) {\r\n                                            if ((input.type === \"checkbox\" || input.type === \"radio\") && input.checked) {\r\n                                                formAnswer += `${input.name}: ${input.value}, `;\r\n                                            } else if (input.value.trim() !== \"\") {\r\n                                                formAnswer += `${input.name}: ${input.value}, `;\r\n                                            }\r\n                                        });\r\n\r\n                                        localStorage.setItem(question, formAnswer.trim());\r\n                                        console.log(`Resposta salva do popup: ${question} = ${formAnswer.trim()}`);\r\n\r\n                                        \/\/ Fecha o popup automaticamente ap\u00f3s salvar os dados\r\n                                        setTimeout(() => {\r\n                                            let closeButton = document.querySelector(\".dialog-close-button\");\r\n                                            if (closeButton) closeButton.click();\r\n                                        }, 500);\r\n                                    });\r\n                                } else {\r\n                                    console.warn(\"Nenhum input encontrado no formul\u00e1rio.\");\r\n                                }\r\n                            }\r\n                        }, 500);\r\n                    }\r\n                }, 500);\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\r\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>3\/27 Does any resident have specific needs we should consider in the project? Your input ensures a design that\u2019s both beautiful and functional for everyone. No Yes<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-623","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ojoaosanti.com\/interactivequiz\/wp-json\/wp\/v2\/pages\/623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ojoaosanti.com\/interactivequiz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ojoaosanti.com\/interactivequiz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ojoaosanti.com\/interactivequiz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ojoaosanti.com\/interactivequiz\/wp-json\/wp\/v2\/comments?post=623"}],"version-history":[{"count":0,"href":"https:\/\/ojoaosanti.com\/interactivequiz\/wp-json\/wp\/v2\/pages\/623\/revisions"}],"wp:attachment":[{"href":"https:\/\/ojoaosanti.com\/interactivequiz\/wp-json\/wp\/v2\/media?parent=623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}