{"id":40901,"date":"2024-10-03T14:41:11","date_gmt":"2024-10-03T12:41:11","guid":{"rendered":"https:\/\/hydropeptide.com.ua\/?page_id=40901"},"modified":"2025-04-07T10:42:06","modified_gmt":"2025-04-07T08:42:06","slug":"quiz-skincare-assessment","status":"publish","type":"page","link":"https:\/\/hydropeptide.com.ua\/ru\/quiz-skincare-assessment\/","title":{"rendered":"opro"},"content":{"rendered":"<\/p>\n\t<section class=\"section is-full-height\" id=\"section_1172638388\">\n\t\t<div class=\"bg section-bg fill bg-fill bg-loaded \" >\n\n\t\t\t\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div><!-- .section-bg -->\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<h1 style=\"text-align: center;\">\u0412\u0418\u0417\u041d\u0410\u0427\u0422\u0415 \u0421\u0412\u0406\u0419 \u0422\u0418\u041f \u0428\u041a\u0406\u0420\u0418 \u0422\u0410 \u041f\u0415\u0420\u0421\u041e\u041d\u0410\u041b\u0406\u0417\u0423\u0419\u0422\u0415 \u0414\u041e\u0413\u041b\u042f\u0414<\/h1>\n<div class=\"row align-center\"  id=\"row-1005093777\">\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner text-center\"  >\n    <div id=\"quiz-container\">\n        <div class=\"question\" data-question=\"1\">\n            <p>\u042f\u041a \u0412\u0418 \u041c\u041e\u0416\u0415\u0422\u0415 \u041e\u041f\u0418\u0421\u0410\u0422\u0418 \u0412\u0410\u0428 \u0429\u041e\u0414\u0415\u041d\u041d\u0418\u0419 \u0421\u0422\u0410\u041d \u0428\u041a\u0406\u0420\u0418?<\/p>\n            <button onclick=\"selectAnswer(1, 'a')\">a) \u041f\u0440\u043e\u044f\u0432\u043b\u044f\u0454\u0442\u044c\u0441\u044f \u0430\u043a\u0442\u0438\u0432\u043d\u0435 \u0432\u0438\u0434\u0456\u043b\u0435\u043d\u043d\u044f \u0441\u0435\u0431\u0443\u043c\u0443...<\/button>\n            <button onclick=\"selectAnswer(1, 'b')\">b) \u0412\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u0441\u0443\u0445\u043e\u044e, \u043f\u0440\u0438\u0441\u0443\u0442\u043d\u0456 \u043b\u0443\u0449\u0435\u043d\u043d\u044f<\/button>\n            <button onclick=\"selectAnswer(1, 'c')\">c) \u0422-\u0437\u043e\u043d\u0430 \u0431\u043b\u0438\u0449\u0438\u0442\u044c, \u0430\u043b\u0435 \u0456\u043d\u0448\u0456 \u0437\u043e\u043d\u0438 \u043c\u0430\u0442\u043e\u0432\u0456<\/button>\n            <button onclick=\"selectAnswer(1, 'd')\">d) \u0427\u0435\u0440\u0432\u043e\u043d\u0456\u0454, \u0443 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u044c \u043d\u0430 \u0437\u043e\u0432\u043d\u0456\u0448\u043d\u0456 \u0444\u0430\u043a\u0442\u043e\u0440\u0438<\/button>\n        <\/div>\n\n        <div class=\"question\" data-question=\"2\" style=\"display:none;\">\n            <p>\u042f\u041a \u0412\u0410\u0428\u0410 \u0428\u041a\u0406\u0420\u0410 \u041f\u041e\u0427\u0423\u0412\u0410\u0404\u0422\u042c\u0421\u042f \u041f\u0406\u0421\u041b\u042f \u0423\u041c\u0418\u0412\u0410\u041d\u041d\u042f \u0411\u0415\u0417 \u0417\u0412\u041e\u041b\u041e\u0416\u0423\u042e\u0427\u041e\u0413\u041e \u0417\u0410\u0421\u041e\u0411\u0423?<\/p>\n            <button onclick=\"selectAnswer(2, 'a')\">a) \u0414\u0443\u0436\u0435 \u0448\u0432\u0438\u0434\u043a\u043e \u043f\u0440\u043e\u044f\u0432\u043b\u044f\u0454\u0442\u044c\u0441\u044f \u0436\u0438\u0440\u043d\u0438\u0439 \u0431\u043b\u0438\u0441\u043a<\/button>\n            <button onclick=\"selectAnswer(2, 'b')\">b) \u0412\u0456\u0434\u0447\u0443\u0432\u0430\u0454\u0442\u044c\u0441\u044f \u0441\u0442\u044f\u0433\u043d\u0443\u0442\u043e\u044e \u0456 \u0441\u0443\u0445\u043e\u044e<\/button>\n            <button onclick=\"selectAnswer(2, 'c')\">c) \u0428\u0432\u0438\u0434\u043a\u043e \u0436\u0438\u0440\u043d\u0456\u0454 \u0432 \u0422-\u0437\u043e\u043d\u0456<\/button>\n            <button onclick=\"selectAnswer(2, 'd')\">d) \u041c\u043e\u0436\u0435 \u043f\u043e\u0447\u0435\u0440\u0432\u043e\u043d\u0456\u0442\u0438 \u0442\u0430 \u043f\u0435\u043a\u0442\u0438<\/button>\n        <\/div>\n\n        <div class=\"question\" data-question=\"3\" style=\"display:none;\">\n            <p>\u042f\u041a \u0427\u0410\u0421\u0422\u041e \u0423 \u0412\u0410\u0421 \u0421\u041f\u041e\u0421\u0422\u0415\u0420\u0406\u0413\u0410\u042e\u0422\u042c\u0421\u042f \u0415\u041f\u0406\u0417\u041e\u0414\u0418 \u0412\u0418\u0421\u0418\u041f\u0410\u041d\u042c \u041d\u0410 \u0428\u041a\u0406\u0420\u0406?<\/p>\n            <button onclick=\"selectAnswer(3, 'a')\">a) \u041f\u043e\u0441\u0442\u0456\u0439\u043d\u043e, \u043e\u0441\u043e\u0431\u043b\u0438\u0432\u043e \u043d\u0430 \u043b\u043e\u0431\u0456, \u043d\u043e\u0441\u0456 \u0430\u0431\u043e \u043f\u0456\u0434\u0431\u043e\u0440\u0456\u0434\u0434\u0456<\/button>\n            <button onclick=\"selectAnswer(3, 'b')\">b) \u041c\u0430\u0439\u0436\u0435 \u043d\u0456\u043a\u043e\u043b\u0438<\/button>\n            <button onclick=\"selectAnswer(3, 'c')\">c) \u0427\u0430\u0441 \u0432\u0456\u0434 \u0447\u0430\u0441\u0443 \u0432 \u0422-\u0437\u043e\u043d\u0456<\/button>\n            <button onclick=\"selectAnswer(3, 'd')\">d) \u041c\u0430\u043b\u043e, \u0430\u043b\u0435 \u0440\u0435\u0430\u0433\u0443\u0454 \u043d\u0430 \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0443 \u0430\u0431\u043e \u0441\u0442\u0440\u0435\u0441<\/button>\n        <\/div>\n\n        <div id=\"result\" style=\"display:none;\">\n            <p>\u0412\u0410\u0428 \u0420\u0415\u0417\u0423\u041b\u042c\u0422\u0410\u0422: <span id=\"result-text\"><\/span><\/p>\n            <div class=\"result-buttons\">\n                <a id=\"result-link\" href=\"#\" target=\"_blank\">\u0414\u0406\u0417\u041d\u0410\u0422\u0418\u0421\u042f \u0411\u0406\u041b\u042c\u0428\u0415<\/a>\n                <button onclick=\"restartQuiz()\">\u041f\u0420\u041e\u0419\u0422\u0418 \u0422\u0415\u0421\u0422 \u0417\u041d\u041e\u0412\u0423<\/button>\n            <\/div>\n        <\/div>\n\n        <button id=\"back-button\" style=\"display:none;\" onclick=\"goBack()\">\u041d\u0430\u0437\u0430\u0434<\/button>\n    <\/div>\n\n    <script>\n        let answers = { a: 0, b: 0, c: 0, d: 0 };\n        let currentQuestion = 1;\n\n        function selectAnswer(question, answer) {\n            answers[answer]++;\n            const currentElement = document.querySelector(`[data-question=\"${question}\"]`);\n            const nextElement = document.querySelector(`[data-question=\"${question + 1}\"]`);\n\n            currentElement.style.opacity = '0';\n            setTimeout(() => {\n                currentElement.style.display = 'none';\n                if (nextElement) {\n                    nextElement.style.display = 'block';\n                    nextElement.style.opacity = '0';\n                    setTimeout(() => (nextElement.style.opacity = '1'), 50);\n                    currentQuestion++;\n                } else {\n                    showResult();\n                }\n            }, 400);\n\n            document.getElementById('back-button').style.display = currentQuestion > 1 ? 'block' : 'none';\n        }\n\n        function goBack() {\n            if (currentQuestion > 1) {\n                const currentElement = document.querySelector(`[data-question=\"${currentQuestion}\"]`);\n                const previousElement = document.querySelector(`[data-question=\"${currentQuestion - 1}\"]`);\n\n                currentElement.style.opacity = '0';\n                setTimeout(() => {\n                    currentElement.style.display = 'none';\n                    previousElement.style.display = 'block';\n                    previousElement.style.opacity = '0';\n                    setTimeout(() => (previousElement.style.opacity = '1'), 50);\n                }, 400);\n                currentQuestion--;\n            }\n        }\n\n        function showResult() {\n            let maxAnswer = Object.keys(answers).reduce((a, b) => answers[a] > answers[b] ? a : b);\n            let resultText = '';\n            let resultLink = '';\n\n            switch (maxAnswer) {\n                case 'a':\n                    resultText = '\u0410\u041a\u041d\u0415 \u0406 \u0416\u0418\u0420\u041d\u0410 \u0428\u041a\u0406\u0420\u0410';\n                    resultLink = 'https:\/\/hydropeptide.com.ua\/akne-i-zhyrna-shkira\/';\n                    break;\n                case 'b':\n                    resultText = '\u0421\u0423\u0425\u0410 \u0428\u041a\u0406\u0420\u0410';\n                    resultLink = 'https:\/\/hydropeptide.com.ua\/suha-shkira\/';\n                    break;\n                case 'c':\n                    resultText = '\u041a\u041e\u041c\u0411\u0406\u041d\u041e\u0412\u0410\u041d\u0410 \u0428\u041a\u0406\u0420\u0410';\n                    resultLink = 'https:\/\/hydropeptide.com.ua\/kombinovana-shkira\/';\n                    break;\n                case 'd':\n                    resultText = '\u0427\u0423\u0422\u041b\u0418\u0412\u0410 \u0428\u041a\u0406\u0420\u0410';\n                    resultLink = 'https:\/\/hydropeptide.com.ua\/chutlyva-shkira\/';\n                    break;\n            }\n\n            document.getElementById('result-text').textContent = resultText;\n            document.getElementById('result-link').href = resultLink;\n            document.getElementById('result').style.display = 'block';\n            document.getElementById('back-button').style.display = 'none';\n        }\n\n        function restartQuiz() {\n            answers = { a: 0, b: 0, c: 0, d: 0 };\n            currentQuestion = 1;\n\n            document.querySelectorAll('.question').forEach(q => {\n                q.style.display = 'none';\n                q.style.opacity = '1';\n            });\n\n            document.querySelector('[data-question=\"1\"]').style.display = 'block';\n            document.getElementById('result').style.display = 'none';\n            document.getElementById('back-button').style.display = 'none';\n        }\n    <\/script>\n\n    <style>\n        #quiz-container {\n            font-family: Arial, sans-serif;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n        .question button {\n            display: block;\n            margin: 10px 0;\n            padding: 10px;\n            width: 100%;\n            border: 1px solid #ddd;\n            background-color: #f5f5f5;\n            cursor: pointer;\n            text-align: left;\n            text-transform: none;\n        }\n        .question {\n            transition: opacity 0.4s ease-in-out;\n        }\n        #result {\n            text-align: center;\n            transition: opacity 0.4s ease-in-out;\n        }\n        .result-buttons {\n            display: flex;\n            flex-direction: column;\n            align-items: stretch;\n            gap: 10px;\n            margin-top: 20px;\n        }\n        .result-buttons a, .result-buttons button {\n            padding: 10px;\n            background-color: #0073aa;\n            color: #fff;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            text-align: center;\n            width: 100%;\n        }\n    <\/style>\n    \n<\/div><\/div>\n\n<style scope=\"scope\">\n\n<\/style>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_1172638388 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  min-height: 100vh;\n  background-color: rgb(245, 245, 245);\n}\n#section_1172638388 .section-bg-overlay {\n  background-color: rgba(243, 243, 243, 0.69);\n}\n#section_1172638388 .section-bg.bg-loaded {\n  background-image: url(https:\/\/hydropeptide.com.ua\/wp-content\/uploads\/2024\/09\/hp-facial-banner-desktop-final_2000x@2x.progressive-scaled.webp);\n}\n<\/style>\n\t<\/section>\n\t\n<p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":976631,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-40901","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/hydropeptide.com.ua\/ru\/wp-json\/wp\/v2\/pages\/40901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hydropeptide.com.ua\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hydropeptide.com.ua\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hydropeptide.com.ua\/ru\/wp-json\/wp\/v2\/users\/976631"}],"replies":[{"embeddable":true,"href":"https:\/\/hydropeptide.com.ua\/ru\/wp-json\/wp\/v2\/comments?post=40901"}],"version-history":[{"count":14,"href":"https:\/\/hydropeptide.com.ua\/ru\/wp-json\/wp\/v2\/pages\/40901\/revisions"}],"predecessor-version":[{"id":44328,"href":"https:\/\/hydropeptide.com.ua\/ru\/wp-json\/wp\/v2\/pages\/40901\/revisions\/44328"}],"wp:attachment":[{"href":"https:\/\/hydropeptide.com.ua\/ru\/wp-json\/wp\/v2\/media?parent=40901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}