{"id":1250,"date":"2025-03-04T14:42:30","date_gmt":"2025-03-04T14:42:30","guid":{"rendered":"https:\/\/ojoaosanti.com\/interactivequiz\/?page_id=1250"},"modified":"2025-03-11T02:27:48","modified_gmt":"2025-03-11T02:27:48","slug":"22-twenty-second-question-interactive-quiz","status":"publish","type":"page","link":"https:\/\/ojoaosanti.com\/interactivequiz\/22-twenty-second-question-interactive-quiz\/","title":{"rendered":"[ #22 ] Twenty Second Question \u2013 Interactive Quiz"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1250\" class=\"elementor elementor-1250\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51512d7 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"51512d7\" 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-a7ee45f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"a7ee45f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-073a77e elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"073a77e\" 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\/21-twenty-first-question-interactive-quiz\/\">\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-5e3ba5f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"5e3ba5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd74cbc elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"bd74cbc\" 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\">22\/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-e0e78f4 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"e0e78f4\" 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-ca9b306 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"ca9b306\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a841b10 elementor-invisible elementor-widget elementor-widget-progress\" data-id=\"a841b10\" 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=\"75\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"75\">\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-41df324 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"41df324\" 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\">What elements would you like to include 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-083cefc elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"083cefc\" 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\">Completing this form helps us design a personalized outdoor space that perfectly matches your preferences.<\/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-ad9b2f5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"ad9b2f5\" 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-96e055f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"96e055f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a07e0c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5a07e0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:1000}\" 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\">To access the form click below<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93bbd8b elementor-align-justify elementor-widget__width-initial age0-3 elementor-invisible elementor-widget elementor-widget-button\" data-id=\"93bbd8b\" 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;_animation_delay&quot;:2000,&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-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%3DeyJpZCI6IjE3MDAiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D\">\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\">Click Here<\/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<div class=\"elementor-element elementor-element-e422975 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"e422975\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5083a5a elementor-widget elementor-widget-html\" data-id=\"5083a5a\" 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 22 tracking script loaded!\");\r\n\r\n    \/\/ Captura cliques no bot\u00e3o que abre o popup\r\n    document.querySelectorAll(\".quiz-button\").forEach(function (button) {\r\n        button.addEventListener(\"click\", function () {\r\n            let question = \"quiz22\";\r\n            let answer = \"Popup Opened\"; \/\/ Apenas para registrar a intera\u00e7\u00e3o\r\n\r\n            localStorage.setItem(question, answer);\r\n            console.log(`Resposta salva: ${question} = ${answer}`);\r\n\r\n            \/\/ Aguarda o popup abrir para capturar o formul\u00e1rio\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 preencher os campos (para formul\u00e1rios multi-etapas)\r\n                                formInputs.forEach(input => {\r\n                                    input.addEventListener(\"input\", function () {\r\n                                        let quizKey = \"quiz22\";\r\n                                        let formData = JSON.parse(localStorage.getItem(quizKey)) || {};\r\n\r\n                                        if (this.value.trim() !== \"\") {\r\n                                            formData[this.name] = this.value.trim();\r\n                                        } else {\r\n                                            delete formData[this.name];\r\n                                        }\r\n\r\n                                        localStorage.setItem(quizKey, JSON.stringify(formData));\r\n                                        console.log(`Resposta salva para ${quizKey}:`, formData);\r\n                                    });\r\n                                });\r\n\r\n                                \/\/ Captura os valores ao enviar o formul\u00e1rio (finalizar o preenchimento)\r\n                                form.addEventListener(\"submit\", function (event) {\r\n                                    event.preventDefault();\r\n\r\n                                    let quizKey = \"quiz22\";\r\n                                    let formData = JSON.parse(localStorage.getItem(quizKey)) || {};\r\n\r\n                                    formInputs.forEach(input => {\r\n                                        if (input.value.trim() !== \"\") {\r\n                                            formData[input.name] = input.value.trim();\r\n                                        }\r\n                                    });\r\n\r\n                                    localStorage.setItem(quizKey, JSON.stringify(formData));\r\n                                    console.log(`Formul\u00e1rio enviado e salvo: ${quizKey}:`, formData);\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                            }\r\n                        }\r\n                    }, 500);\r\n                }\r\n            }, 500);\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<\/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>22\/27 What elements would you like to include in the project? Completing this form helps us design a personalized outdoor space that perfectly matches your preferences. To access the form click below Click Here<\/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-1250","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ojoaosanti.com\/interactivequiz\/wp-json\/wp\/v2\/pages\/1250","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=1250"}],"version-history":[{"count":0,"href":"https:\/\/ojoaosanti.com\/interactivequiz\/wp-json\/wp\/v2\/pages\/1250\/revisions"}],"wp:attachment":[{"href":"https:\/\/ojoaosanti.com\/interactivequiz\/wp-json\/wp\/v2\/media?parent=1250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}