Assessment: Temukan Money Block Anda<\/title>\r\n \r\n <style>\r\n :root {\r\n --primary: #0f766e;\r\n --primary-dark: #115e59;\r\n --secondary: #14b8a6;\r\n --accent: #d97706;\r\n --bg: #f8fafc;\r\n --card-bg: #ffffff;\r\n --text-main: #1e293b;\r\n --text-light: #64748b;\r\n --border: #e2e8f0;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n body {\r\n background-color: #cbd5e1; \/* Background luar untuk fokus di desktop *\/\r\n color: var(--text-main);\r\n line-height: 1.5;\r\n display: flex;\r\n justify-content: center;\r\n min-height: 100vh;\r\n }\r\n .app-container {\r\n width: 100%;\r\n max-width: 480px;\r\n background-color: var(--bg);\r\n min-height: 100vh;\r\n position: relative;\r\n overflow-x: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 0 25px rgba(0,0,0,0.1);\r\n }\r\n \r\n \/* Utility & Animations *\/\r\n .hidden { display: none !important; }\r\n .text-center { text-align: center; }\r\n .fade-in { animation: fadeIn 0.5s ease forwards; }\r\n .slide-up { animation: slideUp 0.4s ease forwards; }\r\n \r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes slideUp {\r\n from { opacity: 0; transform: translateY(15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes pulse {\r\n 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(15, 118, 110, 0.7); }\r\n 70% { transform: scale(1.03); box-shadow: 0 0 0 15px rgba(15, 118, 110, 0); }\r\n 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(15, 118, 110, 0); }\r\n }\r\n\r\n \/* Screens *\/\r\n .screen { padding: 2rem 1.5rem; flex: 1; display: flex; flex-direction: column; }\r\n .intro-screen { justify-content: center; align-items: center; background: linear-gradient(180deg, #f0fdfa 0%, var(--bg) 100%); }\r\n \r\n \/* Modifikasi untuk Visualisasi *\/\r\n .hero-image-container {\r\n width: 100%;\r\n margin-bottom: 1.5rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .hero-image {\r\n max-width: 100%;\r\n height: auto;\r\n border-radius: 12px; \/* Shadow halus *\/\r\n box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);\r\n }\r\n \r\n \/* Sembunyikan judul HTML asli karena visualisasi sudah memiliki judul *\/\r\n .intro-title { display: none; }\r\n \r\n .intro-subtitle { font-size: 1.05rem; color: var(--text-light); margin-bottom: 2rem; }\r\n\r\n \/* Buttons *\/\r\n .btn {\r\n display: block; width: 100%; padding: 1.125rem; border-radius: 12px;\r\n font-size: 1.125rem; font-weight: 700; text-align: center; cursor: pointer; border: none; text-decoration: none; transition: all 0.2s ease;\r\n }\r\n .btn-primary { background: linear-gradient(135deg, var(--secondary), var(--primary)); color: #ffffff; }\r\n .btn-pulse { animation: pulse 2s infinite; }\r\n\r\n \/* Quiz UI *\/\r\n .quiz-header { margin-bottom: 2rem; }\r\n .progress-text { font-size: 0.875rem; font-weight: 600; color: var(--primary); margin-bottom: 0.5rem; }\r\n .progress-bar-bg { width: 100%; height: 8px; background-color: var(--border); border-radius: 4px; overflow: hidden; }\r\n .progress-bar-fill { height: 100%; background: var(--primary); width: 0%; transition: width 0.4s ease; }\r\n \r\n .question-text { font-size: 1.35rem; font-weight: 700; margin-bottom: 1.5rem; }\r\n .options-container { display: flex; flex-direction: column; gap: 0.75rem; }\r\n .option-btn {\r\n background-color: var(--card-bg); border: 2px solid var(--border); border-radius: 12px;\r\n padding: 1.25rem 1rem; font-size: 1rem; font-weight: 500; display: flex; align-items: center; cursor: pointer; text-align: left;\r\n }\r\n .option-letter {\r\n width: 28px; height: 28px; background-color: #f1f5f9; border-radius: 50%;\r\n margin-right: 12px; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: bold; color: var(--text-light); flex-shrink: 0;\r\n }\r\n\r\n \/* Result Gate *\/\r\n .gate-card {\r\n background-color: var(--card-bg); border-radius: 16px; padding: 2rem 1.5rem;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.05); text-align: center; border-top: 6px solid var(--primary);\r\n }\r\n .secure-badge { display: flex; align-items: center; justify-content: center; gap: 0.5rem; color: var(--text-light); font-size: 0.85rem; margin-top: 1rem; }\r\n .secure-badge svg { width: 16px; height: 16px; }\r\n\r\n \/* Loading Spinner *\/\r\n .spinner {\r\n width: 50px; height: 50px; border: 5px solid var(--border); border-top-color: var(--primary);\r\n border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 1.5rem;\r\n }\r\n @keyframes spin { to { transform: rotate(360deg); } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"app-container\">\r\n \r\n <div id=\"introScreen\" class=\"screen intro-screen fade-in\">\r\n <div class=\"hero-image-container\">\r\n <img decoding=\"async\" src=\"http:\/\/dnarezeki.my.id\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_2joow02joow02joo-scaled.png\" \r\n alt=\"Visualisasi Assesmen Mindset Keuangan\" \r\n class=\"hero-image\">\r\n <\/div>\r\n\r\n <h1 class=\"intro-title text-center\">Tes Assessment Bawah Sadar<\/h1> \r\n <p class=\"intro-subtitle text-center\">Temukan pola \"Money Block\" yang menghambat arus rezeki Anda selama ini.<\/p>\r\n <button class=\"btn btn-primary btn-pulse\" onclick=\"startQuiz()\">Mulai Assessment<\/button>\r\n <\/div>\r\n\r\n <div id=\"quizScreen\" class=\"screen hidden\">\r\n <div class=\"quiz-header\">\r\n <div class=\"progress-text\" id=\"progressText\">Pertanyaan 1 dari 5<\/div>\r\n <div class=\"progress-bar-bg\">\r\n <div class=\"progress-bar-fill\" id=\"progressBar\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"questionContainer\">\r\n <h2 class=\"question-text\" id=\"questionText\">Memuat pertanyaan...<\/h2>\r\n <div class=\"options-container\" id=\"optionsContainer\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"loadingScreen\" class=\"screen text-center hidden\" style=\"justify-content: center;\">\r\n <div class=\"spinner\"><\/div>\r\n <h2 style=\"margin-bottom: 0.5rem;\">Menganalisa jawaban...<\/h2>\r\n <p style=\"color: var(--text-light);\">Sistem sedang menghitung pola pola Anda.<\/p>\r\n <\/div>\r\n\r\n <div id=\"gateScreen\" class=\"screen hidden\" style=\"justify-content: center;\">\r\n <div class=\"gate-card slide-up\">\r\n <h2 style=\"color: var(--primary-dark); margin-bottom: 1rem;\">Hasil Anda Siap Dilihat!<\/h2>\r\n <p style=\"margin-bottom: 2rem; color: var(--text-light);\">Kami telah memetakan hambatan rezeki bawah sadar Anda. Klik tombol di bawah untuk melihat hasil lengkapnya.<\/p>\r\n <a href=\"https:\/\/digitalnews.myr.id\/pl\/security-money-block\" class=\"btn btn-primary btn-pulse\">Lihat Hasil Saya<\/a>\r\n <div class=\"secure-badge\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path><\/svg>\r\n Data Terenkripsi & Aman\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n const questions = [\r\n { text: \"Apakah rezeki Anda terasa mentok meski sudah kerja keras?\", options: [\"Ya, sering sekali\", \"Kadang-kadang\", \"Tidak, lancar saja\"] },\r\n { text: \"Apakah uang Anda sering habis untuk hal tak terduga?\", options: [\"Ya, seperti dompet bocor\", \"Hanya sesekali\", \"Jarang terjadi\"] },\r\n { text: \"Apa perasaan Anda saat melihat orang lain sukses?\", options: [\"Merasa iri\/minder\", \"Biasa saja\", \"Ikut senang & termotivasi\"] },\r\n { text: \"Seberapa berani Anda mengambil peluang baru?\", options: [\"Sangat takut gagal\", \"Ragu-ragu\", \"Berani mencoba\"] },\r\n { text: \"Apakah Anda merasa layak menjadi orang kaya?\", options: [\"Masih ragu\", \"Mungkin saja\", \"Sangat layak\"] }\r\n ];\r\n\r\n let currentIdx = 0;\r\n\r\n function startQuiz() {\r\n document.getElementById('introScreen').classList.add('hidden');\r\n document.getElementById('quizScreen').classList.remove('hidden');\r\n showQuestion();\r\n }\r\n\r\n function showQuestion() {\r\n const q = questions[currentIdx];\r\n document.getElementById('questionText').textContent = q.text;\r\n document.getElementById('progressText').textContent = `Pertanyaan ${currentIdx + 1} dari ${questions.length}`;\r\n document.getElementById('progressBar').style.width = `${((currentIdx + 1) \/ questions.length) * 100}%`;\r\n\r\n const container = document.getElementById('optionsContainer');\r\n container.innerHTML = '';\r\n q.options.forEach((opt, i) => {\r\n const btn = document.createElement('button');\r\n btn.className = 'option-btn';\r\n btn.innerHTML = `<span class=\"option-letter\">${String.fromCharCode(65 + i)}<\/span> ${opt}`;\r\n btn.onclick = nextQuestion;\r\n container.appendChild(btn);\r\n });\r\n }\r\n\r\n function nextQuestion() {\r\n if (currentIdx < questions.length - 1) {\r\n currentIdx++;\r\n showQuestion();\r\n } else {\r\n showLoading();\r\n }\r\n }\r\n\r\n function showLoading() {\r\n document.getElementById('quizScreen').classList.add('hidden');\r\n document.getElementById('loadingScreen').classList.remove('hidden');\r\n setTimeout(() => {\r\n document.getElementById('loadingScreen').classList.add('hidden');\r\n document.getElementById('gateScreen').classList.remove('hidden');\r\n }, 2500);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Assessment: Temukan Money Block Anda Tes Assessment Bawah Sadar Temukan pola “Money Block” yang menghambat arus rezeki Anda selama ini. Mulai Assessment Pertanyaan 1 dari 5 Memuat pertanyaan… Menganalisa jawaban… Sistem sedang menghitung pola pola Anda. Hasil Anda Siap Dilihat! Kami telah memetakan hambatan rezeki bawah sadar Anda. Klik tombol di bawah untuk melihat hasil […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":13,"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Assessment: Temukan Money Block Anda<\/title>\r\n \r\n <style>\r\n :root {\r\n --primary: #0f766e;\r\n --primary-dark: #115e59;\r\n --secondary: #14b8a6;\r\n --accent: #d97706;\r\n --bg: #f8fafc;\r\n --card-bg: #ffffff;\r\n --text-main: #1e293b;\r\n --text-light: #64748b;\r\n --border: #e2e8f0;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n body {\r\n background-color: #cbd5e1; \/* Background luar untuk fokus di desktop *\/\r\n color: var(--text-main);\r\n line-height: 1.5;\r\n display: flex;\r\n justify-content: center;\r\n min-height: 100vh;\r\n }\r\n .app-container {\r\n width: 100%;\r\n max-width: 480px;\r\n background-color: var(--bg);\r\n min-height: 100vh;\r\n position: relative;\r\n overflow-x: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 0 25px rgba(0,0,0,0.1);\r\n }\r\n \r\n \/* Utility & Animations *\/\r\n .hidden { display: none !important; }\r\n .text-center { text-align: center; }\r\n .fade-in { animation: fadeIn 0.5s ease forwards; }\r\n .slide-up { animation: slideUp 0.4s ease forwards; }\r\n \r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes slideUp {\r\n from { opacity: 0; transform: translateY(15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes pulse {\r\n 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(15, 118, 110, 0.7); }\r\n 70% { transform: scale(1.03); box-shadow: 0 0 0 15px rgba(15, 118, 110, 0); }\r\n 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(15, 118, 110, 0); }\r\n }\r\n\r\n \/* Screens *\/\r\n .screen { padding: 2rem 1.5rem; flex: 1; display: flex; flex-direction: column; }\r\n .intro-screen { justify-content: center; align-items: center; background: linear-gradient(180deg, #f0fdfa 0%, var(--bg) 100%); }\r\n \r\n \/* Modifikasi untuk Visualisasi *\/\r\n .hero-image-container {\r\n width: 100%;\r\n margin-bottom: 1.5rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .hero-image {\r\n max-width: 100%;\r\n height: auto;\r\n border-radius: 12px; \/* Shadow halus *\/\r\n box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);\r\n }\r\n \r\n \/* Sembunyikan judul HTML asli karena visualisasi sudah memiliki judul *\/\r\n .intro-title { display: none; }\r\n \r\n .intro-subtitle { font-size: 1.05rem; color: var(--text-light); margin-bottom: 2rem; }\r\n\r\n \/* Buttons *\/\r\n .btn {\r\n display: block; width: 100%; padding: 1.125rem; border-radius: 12px;\r\n font-size: 1.125rem; font-weight: 700; text-align: center; cursor: pointer; border: none; text-decoration: none; transition: all 0.2s ease;\r\n }\r\n .btn-primary { background: linear-gradient(135deg, var(--secondary), var(--primary)); color: #ffffff; }\r\n .btn-pulse { animation: pulse 2s infinite; }\r\n\r\n \/* Quiz UI *\/\r\n .quiz-header { margin-bottom: 2rem; }\r\n .progress-text { font-size: 0.875rem; font-weight: 600; color: var(--primary); margin-bottom: 0.5rem; }\r\n .progress-bar-bg { width: 100%; height: 8px; background-color: var(--border); border-radius: 4px; overflow: hidden; }\r\n .progress-bar-fill { height: 100%; background: var(--primary); width: 0%; transition: width 0.4s ease; }\r\n \r\n .question-text { font-size: 1.35rem; font-weight: 700; margin-bottom: 1.5rem; }\r\n .options-container { display: flex; flex-direction: column; gap: 0.75rem; }\r\n .option-btn {\r\n background-color: var(--card-bg); border: 2px solid var(--border); border-radius: 12px;\r\n padding: 1.25rem 1rem; font-size: 1rem; font-weight: 500; display: flex; align-items: center; cursor: pointer; text-align: left;\r\n }\r\n .option-letter {\r\n width: 28px; height: 28px; background-color: #f1f5f9; border-radius: 50%;\r\n margin-right: 12px; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: bold; color: var(--text-light); flex-shrink: 0;\r\n }\r\n\r\n \/* Result Gate *\/\r\n .gate-card {\r\n background-color: var(--card-bg); border-radius: 16px; padding: 2rem 1.5rem;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.05); text-align: center; border-top: 6px solid var(--primary);\r\n }\r\n .secure-badge { display: flex; align-items: center; justify-content: center; gap: 0.5rem; color: var(--text-light); font-size: 0.85rem; margin-top: 1rem; }\r\n .secure-badge svg { width: 16px; height: 16px; }\r\n\r\n \/* Loading Spinner *\/\r\n .spinner {\r\n width: 50px; height: 50px; border: 5px solid var(--border); border-top-color: var(--primary);\r\n border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 1.5rem;\r\n }\r\n @keyframes spin { to { transform: rotate(360deg); } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"app-container\">\r\n \r\n <div id=\"introScreen\" class=\"screen intro-screen fade-in\">\r\n <div class=\"hero-image-container\">\r\n <img decoding=\"async\" src=\"http:\/\/dnarezeki.my.id\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_2joow02joow02joo-scaled.png\" \r\n alt=\"Visualisasi Assesmen Mindset Keuangan\" \r\n class=\"hero-image\">\r\n <\/div>\r\n\r\n <h1 class=\"intro-title text-center\">Tes Assessment Bawah Sadar<\/h1> \r\n <p class=\"intro-subtitle text-center\">Temukan pola \"Money Block\" yang menghambat arus rezeki Anda selama ini.<\/p>\r\n <button class=\"btn btn-primary btn-pulse\" onclick=\"startQuiz()\">Mulai Assessment<\/button>\r\n <\/div>\r\n\r\n <div id=\"quizScreen\" class=\"screen hidden\">\r\n <div class=\"quiz-header\">\r\n <div class=\"progress-text\" id=\"progressText\">Pertanyaan 1 dari 5<\/div>\r\n <div class=\"progress-bar-bg\">\r\n <div class=\"progress-bar-fill\" id=\"progressBar\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"questionContainer\">\r\n <h2 class=\"question-text\" id=\"questionText\">Memuat pertanyaan...<\/h2>\r\n <div class=\"options-container\" id=\"optionsContainer\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"loadingScreen\" class=\"screen text-center hidden\" style=\"justify-content: center;\">\r\n <div class=\"spinner\"><\/div>\r\n <h2 style=\"margin-bottom: 0.5rem;\">Menganalisa jawaban...<\/h2>\r\n <p style=\"color: var(--text-light);\">Sistem sedang menghitung pola pola Anda.<\/p>\r\n <\/div>\r\n\r\n <div id=\"gateScreen\" class=\"screen hidden\" style=\"justify-content: center;\">\r\n <div class=\"gate-card slide-up\">\r\n <h2 style=\"color: var(--primary-dark); margin-bottom: 1rem;\">Hasil Anda Siap Dilihat!<\/h2>\r\n <p style=\"margin-bottom: 2rem; color: var(--text-light);\">Kami telah memetakan hambatan rezeki bawah sadar Anda. Klik tombol di bawah untuk melihat hasil lengkapnya.<\/p>\r\n <a href=\"https:\/\/digitalnews.myr.id\/pl\/security-money-block\" class=\"btn btn-primary btn-pulse\">Lihat Hasil Saya<\/a>\r\n <div class=\"secure-badge\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path><\/svg>\r\n Data Terenkripsi & Aman\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n const questions = [\r\n { text: \"Apakah rezeki Anda terasa mentok meski sudah kerja keras?\", options: [\"Ya, sering sekali\", \"Kadang-kadang\", \"Tidak, lancar saja\"] },\r\n { text: \"Apakah uang Anda sering habis untuk hal tak terduga?\", options: [\"Ya, seperti dompet bocor\", \"Hanya sesekali\", \"Jarang terjadi\"] },\r\n { text: \"Apa perasaan Anda saat melihat orang lain sukses?\", options: [\"Merasa iri\/minder\", \"Biasa saja\", \"Ikut senang & termotivasi\"] },\r\n { text: \"Seberapa berani Anda mengambil peluang baru?\", options: [\"Sangat takut gagal\", \"Ragu-ragu\", \"Berani mencoba\"] },\r\n { text: \"Apakah Anda merasa layak menjadi orang kaya?\", options: [\"Masih ragu\", \"Mungkin saja\", \"Sangat layak\"] }\r\n ];\r\n\r\n let currentIdx = 0;\r\n\r\n function startQuiz() {\r\n document.getElementById('introScreen').classList.add('hidden');\r\n document.getElementById('quizScreen').classList.remove('hidden');\r\n showQuestion();\r\n }\r\n\r\n function showQuestion() {\r\n const q = questions[currentIdx];\r\n document.getElementById('questionText').textContent = q.text;\r\n document.getElementById('progressText').textContent = `Pertanyaan ${currentIdx + 1} dari ${questions.length}`;\r\n document.getElementById('progressBar').style.width = `${((currentIdx + 1) \/ questions.length) * 100}%`;\r\n\r\n const container = document.getElementById('optionsContainer');\r\n container.innerHTML = '';\r\n q.options.forEach((opt, i) => {\r\n const btn = document.createElement('button');\r\n btn.className = 'option-btn';\r\n btn.innerHTML = `<span class=\"option-letter\">${String.fromCharCode(65 + i)}<\/span> ${opt}`;\r\n btn.onclick = nextQuestion;\r\n container.appendChild(btn);\r\n });\r\n }\r\n\r\n function nextQuestion() {\r\n if (currentIdx < questions.length - 1) {\r\n currentIdx++;\r\n showQuestion();\r\n } else {\r\n showLoading();\r\n }\r\n }\r\n\r\n function showLoading() {\r\n document.getElementById('quizScreen').classList.add('hidden');\r\n document.getElementById('loadingScreen').classList.remove('hidden');\r\n setTimeout(() => {\r\n document.getElementById('loadingScreen').classList.add('hidden');\r\n document.getElementById('gateScreen').classList.remove('hidden');\r\n }, 2500);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Assessment: Temukan Money Block Anda Tes Assessment Bawah Sadar Temukan pola “Money Block” yang menghambat arus rezeki Anda selama ini. Mulai Assessment Pertanyaan 1 dari 5 Memuat pertanyaan… Menganalisa jawaban… Sistem sedang menghitung pola pola Anda. Hasil Anda Siap Dilihat! Kami telah memetakan hambatan rezeki bawah sadar Anda. Klik tombol di bawah untuk melihat hasil […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":13,"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/dnarezeki.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}