Who Wants to Be a Millionaire – Sirah Nabawiyah

Jutawan Ilmu Sirah — Markaz Inayah #mi-sirah-millionaire{--forest:#062a26;--forest2:#083d33;--emerald:#08674e;--mint:#53c4a1;--gold:#e7bf70;--gold2:#a4782b;--paper:#fcfaf5;--edge:rgba(220,188,111,.23);--white:#f9f6ed;--muted:#a6c8be;isolation:isolate;position:relative;width:100%;min-height:740px;overflow:hidden;color:var(--white);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55;background:radial-gradient(ellipse at 52% -12%,rgba(33,148,116,.46),transparent 48%),radial-gradient(ellipse at 0% 82%,rgba(18,86,77,.45),transparent 50%),linear-gradient(146deg,#061e20,#092f30 55%,#031e1e)} #mi-sirah-millionaire *{box-sizing:border-box} #mi-sirah-millionaire button{font:inherit;cursor:pointer} #mi-sirah-millionaire [hidden]{display:none!important} #mi-sirah-millionaire button:focus-visible{outline:3px solid #fff;outline-offset:3px} #mi-sirah-millionaire .mi-glow{pointer-events:none;position:absolute;inset:0;opacity:.37;background-image:radial-gradient(#b7e6cd 1px,transparent 1.5px),radial-gradient(#e7bf70 .8px,transparent 1.5px);background-size:60px 60px,97px 97px;background-position:12px 8px,46px 33px;mask-image:linear-gradient(to bottom,black,transparent 80%)} #mi-sirah-millionaire .mi-wrapper{max-width:1200px;position:relative;margin:auto;padding:24px clamp(14px,3vw,32px) 28px} #mi-sirah-millionaire .mi-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--edge);padding:0 0 18px;margin-bottom:22px} #mi-sirah-millionaire .mi-brand{display:flex;gap:12px;align-items:center;min-width:0} #mi-sirah-millionaire .mi-brand-mark{width:46px;height:46px;flex:none;border:1px solid var(--gold);border-radius:15px;display:grid;place-items:center;color:var(--gold);font-size:25px;background:linear-gradient(140deg,#144d3c,#082c2a);box-shadow:inset 0 0 0 3px rgba(231,191,112,.08)} #mi-sirah-millionaire .mi-brand strong{display:block;font-size:16px;line-height:1.3;letter-spacing:.04em} #mi-sirah-millionaire .mi-brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.13em} #mi-sirah-millionaire .mi-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} #mi-sirah-millionaire .mi-utility{color:#f4e4bd;background:rgba(255,255,255,.065);border:1px solid var(--edge);border-radius:999px;font-size:12px;padding:8px 12px;white-space:nowrap} #mi-sirah-millionaire .mi-utility:hover{background:rgba(255,255,255,.13)} #mi-sirah-millionaire .mi-kicker{display:inline-flex;gap:8px;align-items:center;color:#ffe3a3;font-size:11px;letter-spacing:.19em;font-weight:800;text-transform:uppercase;border:1px solid rgba(231,191,112,.34);border-radius:100px;padding:7px 14px;background:rgba(12,66,53,.45)} #mi-sirah-millionaire .mi-intro{text-align:center;max-width:850px;margin:16px auto 0} #mi-sirah-millionaire .mi-medallion{position:relative;display:grid;place-items:center;margin:22px auto;width:176px;height:176px;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle at 40% 30%,#166d54,#06352e 70%);box-shadow:0 0 0 10px rgba(231,191,112,.07),0 0 0 18px rgba(231,191,112,.03),0 20px 65px rgba(0,0,0,.3),inset 0 0 35px rgba(0,0,0,.25)} #mi-sirah-millionaire .mi-medallion:after{content:"";position:absolute;inset:10px;border:1px dashed rgba(231,191,112,.48);border-radius:50%} #mi-sirah-millionaire .mi-medallion .mi-ar{color:#ffdfa0;font-family:"Traditional Arabic","Noto Naskh Arabic",serif;font-size:29px;line-height:1.6;font-weight:700;position:relative;z-index:1} #mi-sirah-millionaire .mi-medallion .mi-caption{color:#e6f7e9;letter-spacing:.2em;font-size:9px;position:absolute;bottom:42px;z-index:1} #mi-sirah-millionaire .mi-intro h1{font-size:clamp(31px,5.3vw,59px);line-height:1.12;margin:23px 0 10px;font-weight:850;letter-spacing:-.045em} #mi-sirah-millionaire .mi-intro h1 em{font-style:normal;color:var(--gold)} #mi-sirah-millionaire .mi-subtitle{color:#c4ddd3;font-size:clamp(14px,1.7vw,17px);max-width:610px;margin:0 auto 22px} #mi-sirah-millionaire .mi-feature-row{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:20px 0 27px} #mi-sirah-millionaire .mi-feature{border:1px solid var(--edge);background:rgba(255,255,255,.055);border-radius:999px;padding:8px 14px;font-size:12px;color:#edf6e9} #mi-sirah-millionaire .mi-primary{border:1px solid #f8daa0;color:#20352c;background:linear-gradient(115deg,#f7deaa,#d4a955 55%,#f1d89e);padding:14px 27px;border-radius:14px;font-weight:850;box-shadow:0 10px 25px rgba(1,13,11,.25);transition:transform .2s,filter .2s} #mi-sirah-millionaire .mi-primary:hover{transform:translateY(-2px);filter:brightness(1.05)} #mi-sirah-millionaire .mi-secondary{border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.075);color:#fff;border-radius:12px;padding:11px 16px;font-size:13px;font-weight:700} #mi-sirah-millionaire .mi-secondary:hover{background:rgba(255,255,255,.13)} #mi-sirah-millionaire .mi-stats{display:flex;gap:30px;justify-content:center;margin:28px auto 18px;flex-wrap:wrap} #mi-sirah-millionaire .mi-stat b{display:block;font-size:23px;color:#f7dea8} #mi-sirah-millionaire .mi-stat span{font-size:11px;color:var(--muted);letter-spacing:.05em} #mi-sirah-millionaire .mi-disclaimer{font-size:11px;color:#9cbbb0;margin:16px 0 0} #mi-sirah-millionaire .mi-game-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:19px;align-items:start} #mi-sirah-millionaire .mi-game-main{min-width:0} #mi-sirah-millionaire .mi-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin:0 0 14px} #mi-sirah-millionaire .mi-level{display:inline-flex;align-items:center;gap:8px;color:#f7deb0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em} #mi-sirah-millionaire .mi-money{color:#ffe3ab;font-size:clamp(18px,2.4vw,25px);font-weight:850;font-variant-numeric:tabular-nums} #mi-sirah-millionaire .mi-money small{color:#b4d0c4;font-size:10px;font-weight:500;display:block;text-align:right;line-height:1} #mi-sirah-millionaire .mi-progress{height:6px;background:#153e3c;border:1px solid #295a52;border-radius:50px;overflow:hidden;margin-bottom:22px} #mi-sirah-millionaire .mi-progress > span{height:100%;width:0;display:block;background:linear-gradient(90deg,#2b9d75,#e7c27e);transition:width .5s} #mi-sirah-millionaire .mi-question-card{position:relative;background:linear-gradient(145deg,rgba(16,67,56,.96),rgba(6,42,43,.98));border:1px solid rgba(231,191,112,.37);border-radius:24px;padding:clamp(22px,4vw,40px) clamp(17px,3.7vw,36px);text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.19),inset 0 0 0 5px rgba(255,255,255,.02)} #mi-sirah-millionaire .mi-question-card:before{content:"✦";position:absolute;left:20px;top:14px;color:var(--gold);font-size:15px;opacity:.6} #mi-sirah-millionaire .mi-question-card:after{content:"✦";position:absolute;right:20px;top:14px;color:var(--gold);font-size:15px;opacity:.6} #mi-sirah-millionaire .mi-question-small{font-size:11px;color:#cbd8c4;letter-spacing:.19em;font-weight:800;text-transform:uppercase;margin:0 0 14px} #mi-sirah-millionaire .mi-question{font-size:clamp(20px,2.5vw,29px);line-height:1.45;font-weight:800;max-width:670px;margin:0 auto;min-height:82px;display:flex;align-items:center;justify-content:center} #mi-sirah-millionaire .mi-timer-row{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:23px;font-size:13px;color:#d0e0d6;font-variant-numeric:tabular-nums} #mi-sirah-millionaire .mi-timer-track{width:145px;max-width:45%;height:5px;overflow:hidden;background:#1b4b43;border-radius:9px} #mi-sirah-millionaire .mi-timer-track>i{width:100%;height:100%;display:block;background:var(--gold);transition:width .25s} #mi-sirah-millionaire .mi-timer-row.mi-urgent{color:#ffc3a9} #mi-sirah-millionaire .mi-timer-row.mi-urgent .mi-timer-track>i{background:#ed775f} #mi-sirah-millionaire .mi-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0} #mi-sirah-millionaire .mi-option{display:flex;align-items:center;gap:13px;text-align:left;width:100%;min-height:77px;padding:14px 16px;border:1px solid rgba(208,179,113,.34);border-radius:15px;color:#fff;background:linear-gradient(125deg,rgba(12,61,58,.91),rgba(13,49,53,.94));transition:background .18s,border .18s,transform .18s;line-height:1.5} #mi-sirah-millionaire .mi-option:not(:disabled):hover{background:#125c4e;border-color:#e4c482;transform:translateY(-2px)} #mi-sirah-millionaire .mi-option .mi-letter{width:34px;height:34px;flex:none;border-radius:10px;background:rgba(228,185,106,.12);border:1px solid rgba(228,185,106,.36);display:grid;place-items:center;color:#ffdc8a;font-size:14px;font-weight:900} #mi-sirah-millionaire .mi-option .mi-answer-text{font-size:clamp(13px,1.45vw,15px);font-weight:650} #mi-sirah-millionaire .mi-option:disabled{cursor:default} #mi-sirah-millionaire .mi-option.mi-hidden-answer{visibility:hidden} #mi-sirah-millionaire .mi-option.mi-correct{border-color:#6de6ab;background:linear-gradient(125deg,#116e4d,#145d48);box-shadow:0 0 25px rgba(41,180,110,.18)} #mi-sirah-millionaire .mi-option.mi-wrong{border-color:#ff9a86;background:linear-gradient(125deg,#823c35,#54272c)} #mi-sirah-millionaire .mi-lifelines{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:21px 0 0} #mi-sirah-millionaire .mi-lifeline{display:flex;gap:7px;align-items:center;justify-content:center;border:1px solid rgba(231,191,112,.45);border-radius:100px;background:rgba(15,77,62,.65);color:#ffdf9a;padding:10px 14px;font-size:12px;font-weight:800;min-height:41px} #mi-sirah-millionaire .mi-lifeline:hover:not(:disabled){background:#177057} #mi-sirah-millionaire .mi-lifeline:disabled{opacity:.3;filter:grayscale(1);cursor:not-allowed} #mi-sirah-millionaire .mi-help-panel{margin:14px 0 0;padding:16px 19px;border-radius:15px;background:rgba(225,190,110,.11);border:1px solid rgba(231,191,112,.28);font-size:13px;color:#f4eacd} #mi-sirah-millionaire .mi-help-panel h3{margin:0 0 8px;color:#f8d38b;font-size:14px} #mi-sirah-millionaire .mi-poll-line{display:flex;align-items:center;gap:10px;margin:7px 0} #mi-sirah-millionaire .mi-poll-line b{width:18px} #mi-sirah-millionaire .mi-poll-bar{height:10px;flex:1;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.14)} #mi-sirah-millionaire .mi-poll-bar span{height:100%;display:block;border-radius:9px;background:linear-gradient(90deg,#229d79,#edc779)} #mi-sirah-millionaire .mi-poll-line strong{width:37px;text-align:right;font-variant-numeric:tabular-nums;font-size:11px} #mi-sirah-millionaire .mi-feedback{border-radius:16px;padding:18px 20px;margin:16px 0 0;background:rgba(38,122,86,.19);border:1px solid #408c6f;color:#e7f9ec} #mi-sirah-millionaire .mi-feedback.mi-is-wrong{background:rgba(139,65,50,.17);border-color:#8d584d} #mi-sirah-millionaire .mi-feedback strong{display:block;margin-bottom:6px;color:#ffdfa0;font-size:16px} #mi-sirah-millionaire .mi-feedback p{margin:6px 0;font-size:13px;line-height:1.7} #mi-sirah-millionaire .mi-feedback .mi-ref{font-size:11px;color:#b9cfc5} #mi-sirah-millionaire .mi-feedback .mi-next-row{display:flex;justify-content:flex-end;margin-top:14px} #mi-sirah-millionaire .mi-play-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 2px 0;color:#a9c4b8;font-size:12px;flex-wrap:wrap} #mi-sirah-millionaire .mi-stop{background:none;border:0;padding:6px 0;color:#eed09a;font-size:12px;text-decoration:underline;text-underline-offset:3px} #mi-sirah-millionaire .mi-sidebar{padding:16px;background:linear-gradient(150deg,rgba(13,63,55,.88),rgba(7,38,40,.95));border:1px solid var(--edge);border-radius:22px;box-shadow:0 15px 45px rgba(0,0,0,.13)} #mi-sirah-millionaire .mi-ladder-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--edge);margin:0 0 9px;padding:3px 6px 12px;color:#f7d99c;letter-spacing:.09em;font-size:12px;font-weight:900} #mi-sirah-millionaire .mi-ladder{display:grid;gap:3px} #mi-sirah-millionaire .mi-rung{display:flex;justify-content:space-between;gap:11px;padding:7px 10px;border-radius:9px;font-size:12px;color:#b2d0c4;font-variant-numeric:tabular-nums;transition:background .2s} #mi-sirah-millionaire .mi-rung.mi-milestone{color:#f0c779;font-weight:800} #mi-sirah-millionaire .mi-rung.mi-active{background:linear-gradient(110deg,#bd9351,#ecd099);color:#19372d;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.18)} #mi-sirah-millionaire .mi-rung.mi-completed:not(.mi-active){color:#e7f4e9} #mi-sirah-millionaire .mi-sidebar-note{font-size:11px;color:#accabe;text-align:center;margin:12px 0 2px;line-height:1.6} #mi-sirah-millionaire .mi-finish{max-width:710px;margin:24px auto;text-align:center;background:linear-gradient(160deg,rgba(15,72,57,.94),rgba(4,39,38,.94));border:1px solid rgba(231,191,112,.5);border-radius:24px;padding:36px clamp(18px,4vw,44px);box-shadow:0 18px 50px rgba(0,0,0,.18)} #mi-sirah-millionaire .mi-trophy{width:90px;height:90px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:43px;background:rgba(231,191,112,.12);box-shadow:0 0 0 9px rgba(231,191,112,.05)} #mi-sirah-millionaire .mi-finish h2{font-size:clamp(24px,4vw,39px);margin:5px auto 12px;color:#f5daa2;line-height:1.2} #mi-sirah-millionaire .mi-finish p{color:#d0e5d7;margin:10px auto;max-width:480px} #mi-sirah-millionaire .mi-final-amount{font-size:clamp(35px,6vw,60px);color:#f5d99e;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.3;margin:20px 0 8px} #mi-sirah-millionaire .mi-final-meta{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:15px;display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;margin:18px 0 26px;color:#d3e3d5;font-size:12px} #mi-sirah-millionaire .mi-finish-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} #mi-sirah-millionaire .mi-bottom{padding-top:18px;margin-top:24px;border-top:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#9ebbb2} #mi-sirah-millionaire .mi-bottom a{color:#edca87;text-decoration:none} #mi-sirah-millionaire .mi-bottom a:hover{text-decoration:underline} #mi-sirah-millionaire .mi-quiet{opacity:.85} @media(max-width:840px){#mi-sirah-millionaire .mi-game-grid{grid-template-columns:1fr}#mi-sirah-millionaire .mi-sidebar{order:2}#mi-sirah-millionaire .mi-ladder{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}#mi-sirah-millionaire .mi-rung{padding:8px 5px;flex-direction:column;align-items:center;gap:0;font-size:11px;text-align:center}#mi-sirah-millionaire .mi-sidebar-note{margin-top:8px}} @media(max-width:550px){#mi-sirah-millionaire{min-height:690px}#mi-sirah-millionaire .mi-wrapper{padding:15px 12px 20px}#mi-sirah-millionaire .mi-topbar{margin-bottom:17px;padding-bottom:13px}#mi-sirah-millionaire .mi-brand-mark{width:37px;height:37px;font-size:20px;border-radius:11px}#mi-sirah-millionaire .mi-brand{gap:8px}#mi-sirah-millionaire .mi-brand strong{font-size:12px}#mi-sirah-millionaire .mi-brand small{font-size:9px}#mi-sirah-millionaire .mi-header-actions{gap:5px}#mi-sirah-millionaire .mi-utility{padding:6px 8px;font-size:10px}#mi-sirah-millionaire .mi-medallion{width:142px;height:142px;margin:22px auto}#mi-sirah-millionaire .mi-medallion .mi-ar{font-size:24px}#mi-sirah-millionaire .mi-medallion .mi-caption{bottom:29px}#mi-sirah-millionaire .mi-intro h1{margin-top:18px}#mi-sirah-millionaire .mi-answers{grid-template-columns:1fr;gap:9px}#mi-sirah-millionaire .mi-option{min-height:59px;padding:10px 12px}#mi-sirah-millionaire .mi-option .mi-letter{width:30px;height:30px}#mi-sirah-millionaire .mi-question{min-height:76px}#mi-sirah-millionaire .mi-question-card{border-radius:18px}#mi-sirah-millionaire .mi-lifelines{gap:6px}#mi-sirah-millionaire .mi-lifeline{font-size:11px;padding:9px 11px}#mi-sirah-millionaire .mi-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}#mi-sirah-millionaire .mi-sidebar{padding:12px}#mi-sirah-millionaire .mi-rung{flex-direction:row;justify-content:space-between;padding:6px 8px;font-size:10px}#mi-sirah-millionaire .mi-status{margin-bottom:10px}#mi-sirah-millionaire .mi-progress{margin-bottom:14px}} @media(prefers-reduced-motion:reduce){#mi-sirah-millionaire *{animation:none!important;transition:none!important}} ۞MARKAZ INAYAHEDUKASI • SIRAH NABAWIYAH ♪ Suara: Mati ◷ Timer: Aktif ✦ GAME EDUKASI INTERAKTIF ✦ السِّيرَةُ النَّبَوِيَّةُQUIZ CHALLENGE JUTAWAN ILMU SIRAH Seberapa jauh Anda mengenal perjalanan hidup Rasulullah ﷺ? Taklukkan 15 pertanyaan, gunakan bantuan dengan bijak, dan kumpulkan satu juta poin ilmu! ✦ 15 tingkat tantangan◈ 3 jenis bantuan✧ Penjelasan setiap jawaban↻ Soal diacak Mulai Tantangan ➜ 0REKOR POIN ANDA0KALI BERMAIN Permainan ini untuk pembelajaran. Poin bersifat virtual, bukan hadiah uang tunai. ✦ PERTANYAAN 1 / 15100 POIN TANTANGAN TINGKAT PEMULA60 detik ◐ 50:50▥ Polling✦ Tanya Ahli Lanjutkan ➜ 🏅 Poin aman: 0Berhenti dan simpan poin TANGGA JUTAWAN◆★ Titik aman pada pertanyaan ke-5 dan ke-10.Jawaban salah: kembali ke poin aman. 🏆HASIL TANTANGANPermainan Selesai0TOTAL POIN ILMUJawaban benar: 0Rekor: 0Main Lagi ↻Kembali ke Awal © Markaz Inayah • Mengenal Rasulullah ﷺ melalui permainan edukatifMateri: markazinayah.com (function(){ 'use strict'; const root=document.getElementById('mi-sirah-millionaire'); if(!root||root.dataset.initialized==='yes')return; root.dataset.initialized='yes'; const $=id=>root.querySelector('#'+id); const amounts=[100,200,300,500,1000,2000,4000,8000,16000,32000,64000,125000,250000,500000,1000000]; const fmt=n=>Number(n||0).toLocaleString('id-ID'); const bank={ easy:[ ['Di kota manakah Nabi Muhammad ﷺ dilahirkan?',['Makkah','Madinah','Thaif','Yaman'],0,'Nabi Muhammad ﷺ dilahirkan di Makkah, di tengah masyarakat Quraisy.','Sirah Ibnu Hisyam, kisah kelahiran Nabi ﷺ'], ['Siapakah nama ayah Rasulullah ﷺ?',['Abdullah','Abu Thalib','Abdul Muththalib','Abbas'],0,'Ayah beliau bernama Abdullah bin Abdul Muththalib.','Sirah Ibnu Hisyam, nasab Rasulullah ﷺ'], ['Siapakah nama ibu Rasulullah ﷺ?',['Aminah binti Wahb','Khadijah binti Khuwailid','Halimah as-Sa’diyah','Fatimah binti Asad'],0,'Ibu beliau adalah Aminah binti Wahb.','Sirah Ibnu Hisyam, nasab Rasulullah ﷺ'], ['Siapakah kakek Nabi ﷺ yang mengasuh beliau setelah ibunya wafat?',['Abdul Muththalib','Abu Sufyan','Abu Lahab','Hamzah'],0,'Abdul Muththalib merawat beliau sebelum pengasuhan dilanjutkan oleh Abu Thalib.','Sirah Ibnu Hisyam, masa kecil Nabi ﷺ'], ['Rasulullah ﷺ berasal dari suku besar apa?',['Quraisy','Aus','Khazraj','Tsaqif'],0,'Beliau berasal dari suku Quraisy, khususnya Bani Hasyim.','Sirah Ibnu Hisyam, nasab Rasulullah ﷺ'], ['Apa julukan Rasulullah ﷺ yang menunjukkan sifat dapat dipercaya?',['Al-Amin','Al-Faruq','Dzun Nurain','Saifullah'],0,'Sejak sebelum kenabian, beliau dikenal sebagai al-Amin, yang tepercaya.','Kitab-kitab sirah, masa sebelum kenabian'], ['Siapakah istri pertama Rasulullah ﷺ?',['Khadijah binti Khuwailid','Aisyah binti Abu Bakar','Hafshah binti Umar','Ummu Salamah'],0,'Khadijah radhiyallahu ‘anha adalah istri pertama Rasulullah ﷺ.','HR. al-Bukhari no. 3, kisah wahyu pertama'], ['Di gua manakah Nabi ﷺ menerima wahyu pertama?',['Hira','Tsur','Uhud','Quba'],0,'Wahyu pertama datang ketika beliau berada di Gua Hira.','HR. al-Bukhari no. 3'], ['Malaikat siapa yang membawa wahyu kepada Rasulullah ﷺ?',['Jibril','Mikail','Israfil','Malik'],0,'Malaikat Jibril ‘alaihissalam menyampaikan wahyu kepada Nabi ﷺ.','HR. al-Bukhari no. 3'], ['Ayat-ayat pertama yang diturunkan berasal dari surah apa?',['Al-‘Alaq','Al-Fatihah','An-Nas','Al-Kautsar'],0,'Ayat 1–5 surah Al-‘Alaq termasuk wahyu pertama yang turun kepada Nabi ﷺ.','QS. Al-‘Alaq: 1–5; HR. al-Bukhari no. 3'], ['Siapa sahabat yang menemani Rasulullah ﷺ berhijrah menuju Madinah?',['Abu Bakar ash-Shiddiq','Umar bin Khaththab','Utsman bin Affan','Bilal bin Rabah'],0,'Abu Bakar radhiyallahu ‘anhu menyertai Nabi ﷺ dalam perjalanan hijrah.','QS. At-Taubah: 40'], ['Ke kota manakah Nabi ﷺ berhijrah dari Makkah?',['Madinah','Damaskus','Kufah','Bashrah'],0,'Beliau berhijrah ke Madinah, yang dahulu dikenal sebagai Yatsrib.','Sirah Ibnu Hisyam, bab hijrah'], ['Apa nama lain Madinah sebelum hijrah Nabi ﷺ?',['Yatsrib','Khaibar','Najran','Tabuk'],0,'Yatsrib adalah nama kota yang kemudian dikenal sebagai Madinah.','QS. Al-Ahzab: 13'], ['Apa nama masjid yang dibangun oleh Rasulullah ﷺ di pusat Madinah?',['Masjid Nabawi','Masjidil Haram','Masjid Al-Aqsha','Masjid Qiblatain'],0,'Masjid Nabawi dibangun di Madinah dan menjadi pusat kegiatan umat.','Sirah Ibnu Hisyam, pembangunan Masjid Nabawi'], ['Apa sebutan bagi kaum Muslimin yang berhijrah dari Makkah ke Madinah?',['Muhajirin','Ansar','Tabiin','Quraisy'],0,'Muhajirin ialah orang-orang beriman yang berhijrah meninggalkan kampung halaman.','QS. Al-Hasyr: 8'], ['Apa sebutan bagi kaum Muslimin Madinah yang menolong kaum Muhajirin?',['Ansar','Muhajirin','Quraisy','Bani Umayyah'],0,'Ansar ialah para penolong dari kalangan Muslimin Madinah.','QS. Al-Hasyr: 9'], ['Di kota manakah Rasulullah ﷺ wafat?',['Madinah','Makkah','Thaif','Yerusalem'],0,'Rasulullah ﷺ wafat di Madinah pada tahun 11 Hijriah.','HR. al-Bukhari, Kitab al-Maghazi'], ['Siapa ibu susuan Rasulullah ﷺ yang terkenal dalam kisah masa kecil beliau?',['Halimah as-Sa’diyah','Ummu Aiman','Shafiyyah','Asma binti Abu Bakar'],0,'Halimah as-Sa’diyah dikenal sebagai ibu susuan Nabi ﷺ.','Sirah Ibnu Hisyam, masa penyusuan'], ['Perjalanan Isra Nabi ﷺ dimulai dari Masjidil Haram menuju mana?',['Masjid Al-Aqsha','Masjid Quba','Masjid Nabawi','Bukit Uhud'],0,'Al-Qur’an menerangkan perjalanan malam dari Masjidil Haram menuju Masjid Al-Aqsha.','QS. Al-Isra’: 1'] ], medium:[ ['Sekitar usia berapakah Rasulullah ﷺ menerima wahyu pertama?',['40 tahun','25 tahun','50 tahun','63 tahun'],0,'Nabi ﷺ menerima wahyu ketika berusia sekitar empat puluh tahun.','Kitab-kitab sirah, permulaan kenabian'], ['Di gua manakah Nabi ﷺ dan Abu Bakar berlindung ketika berhijrah?',['Tsur','Hira','Uhud','Badr'],0,'Keduanya bersembunyi di Gua Tsur saat dikejar kaum musyrikin.','QS. At-Taubah: 40; HR. al-Bukhari, kisah hijrah'], ['Masjid apa yang dibangun Nabi ﷺ di kawasan tempat singgah sebelum memasuki pusat Madinah?',['Masjid Quba','Masjid Qiblatain','Masjid Al-Aqsha','Masjidil Haram'],0,'Beliau tinggal sementara di Quba dan membangun masjid di sana.','Sirah Ibnu Hisyam, kedatangan ke Quba'], ['Perang Badr terjadi pada tahun berapa Hijriah?',['2 H','1 H','5 H','8 H'],0,'Perang Badr al-Kubra berlangsung pada Ramadan tahun 2 H.','HR. al-Bukhari, Kitab al-Maghazi'], ['Perang Uhud berlangsung pada tahun berapa Hijriah?',['3 H','2 H','6 H','9 H'],0,'Perang Uhud terjadi pada tahun 3 H.','QS. Ali ‘Imran: 121–122; kitab-kitab sirah'], ['Siapa sahabat yang dikenal sebagai muazin Rasulullah ﷺ?',['Bilal bin Rabah','Khalid bin Walid','Abu Hurairah','Sa’ad bin Abi Waqqash'],0,'Bilal bin Rabah radhiyallahu ‘anhu dikenal sebagai muazin Rasulullah ﷺ.','HR. al-Bukhari, Kitab al-Adzan'], ['Paman Nabi ﷺ yang gugur sebagai syahid dalam Perang Uhud adalah …',['Hamzah bin Abdul Muththalib','Abu Thalib','Abbas bin Abdul Muththalib','Abu Lahab'],0,'Hamzah radhiyallahu ‘anhu gugur dalam Perang Uhud.','HR. al-Bukhari, Kitab al-Maghazi'], ['Perang yang juga dinamakan Perang Ahzab dikenal pula dengan nama …',['Perang Khandaq','Perang Badr','Perang Hunain','Perang Mu’tah'],0,'Perang Ahzab disebut juga Khandaq karena parit digali sebagai pertahanan.','QS. Al-Ahzab: 9–27'], ['Siapa sahabat yang mengusulkan strategi menggali parit pada Perang Khandaq menurut riwayat sirah?',['Salman al-Farisi','Bilal bin Rabah','Zaid bin Tsabit','Abu Dzar al-Ghifari'],0,'Dalam literatur sirah, Salman al-Farisi dikisahkan mengusulkan penggalian parit.','Kitab-kitab sirah, Perang Khandaq'], ['Apa nama perjanjian damai antara kaum Muslimin dan Quraisy pada tahun 6 H?',['Hudaibiyah','Aqabah','Piagam Madinah','Hulwan'],0,'Perjanjian Hudaibiyah disepakati pada tahun 6 H.','QS. Al-Fath: 1; kitab-kitab sirah'], ['Pada tahun berapa terjadi Fathu Makkah (Pembebasan Makkah)?',['8 H','2 H','4 H','10 H'],0,'Fathu Makkah berlangsung pada tahun 8 H.','HR. al-Bukhari, Kitab al-Maghazi'], ['Tahun berapa Hijriah Rasulullah ﷺ wafat?',['11 H','8 H','10 H','13 H'],0,'Nabi ﷺ wafat pada tahun 11 Hijriah di Madinah.','Kitab-kitab sirah, wafat Nabi ﷺ'], ['Apa nama perang yang terjadi tidak lama setelah Fathu Makkah?',['Hunain','Uhud','Badr','Tabuk'],0,'Perang Hunain berlangsung setelah pembebasan kota Makkah pada tahun 8 H.','QS. At-Taubah: 25–26'], ['Siapa yang tidur di tempat Nabi ﷺ pada malam keberangkatan hijrah menurut riwayat sirah?',['Ali bin Abi Thalib','Umar bin Khaththab','Abu Bakar','Zubair bin Awwam'],0,'Ali bin Abi Thalib dikisahkan tidur di tempat beliau sebagai bagian dari persiapan hijrah.','Sirah Ibnu Hisyam, peristiwa hijrah'], ['Di rumah sahabat siapakah Nabi ﷺ tinggal setelah memasuki Madinah?',['Abu Ayyub al-Anshari','Abu Hurairah','Abdullah bin Mas’ud','Salman al-Farisi'],0,'Rasulullah ﷺ tinggal di rumah Abu Ayyub al-Anshari pada awal kedatangan ke Madinah.','HR. al-Bukhari, bab hijrah ke Madinah'], ['Dari arah mana kiblat umat Islam dialihkan menuju Ka’bah?',['Baitul Maqdis','Gunung Uhud','Gunung Arafah','Kota Thaif'],0,'Kiblat dialihkan dari arah Baitul Maqdis menuju Masjidil Haram.','QS. Al-Baqarah: 144'], ['Siapa perempuan pertama yang beriman kepada kenabian Muhammad ﷺ?',['Khadijah binti Khuwailid','Fatimah binti Muhammad','Aisyah binti Abu Bakar','Hafshah binti Umar'],0,'Khadijah radhiyallahu ‘anha segera beriman dan menenangkan Nabi ﷺ.','HR. al-Bukhari no. 3'], ['Di manakah para sahabat pernah berhijrah sebelum hijrah besar ke Madinah?',['Habasyah (Abisinia)','Kufah','Baghdad','Andalus'],0,'Sebagian sahabat hijrah ke negeri Habasyah untuk menghindari gangguan dan mempertahankan agama.','Sirah Ibnu Hisyam, hijrah ke Habasyah'], ['Siapakah pendamping Rasulullah ﷺ ketika berdagang ke Syam sebelum menikahi Khadijah menurut kisah sirah?',['Maisarah','Bilal','Abu Ayyub','Salman'],0,'Maisarah dikenal dalam literatur sirah sebagai pembantu Khadijah yang menyertai perjalanan dagang Nabi ﷺ.','Sirah Ibnu Hisyam, pernikahan dengan Khadijah'] ], hard:[ ['Pada tahun berapa Hijriah Perjanjian Hudaibiyah terjadi?',['6 H','4 H','7 H','9 H'],0,'Perjanjian Hudaibiyah berlangsung pada Dzulqa’dah tahun 6 H.','Kitab-kitab sirah, Perjanjian Hudaibiyah'], ['Di peristiwa manakah Baiat Ridwan dilakukan?',['Hudaibiyah','Badr','Hunain','Tabuk'],0,'Baiat Ridwan terjadi di Hudaibiyah ketika para sahabat berbaiat di bawah pohon.','QS. Al-Fath: 18'], ['Sahabat siapa yang diutus Nabi ﷺ ke Makkah ketika peristiwa Hudaibiyah sehingga muncul kabar bahwa ia terbunuh?',['Utsman bin Affan','Khalid bin Walid','Abu Hurairah','Bilal bin Rabah'],0,'Utsman bin Affan diutus ke Makkah; kabar bahwa beliau terbunuh menjadi latar Baiat Ridwan.','Kitab-kitab sirah, Baiat Ridwan'], ['Di kawasan manakah Nabi ﷺ singgah beberapa hari menjelang masuk pusat Madinah ketika hijrah?',['Quba','Khaibar','Hunain','Ji’ranah'],0,'Setiba di wilayah Madinah, Nabi ﷺ singgah di Quba sebelum masuk ke kota.','Sirah Ibnu Hisyam, kedatangan di Madinah'], ['Apa sebutan bagi penguasa Habasyah yang melindungi para sahabat hijrah?',['Najasyi','Kisra','Heraklius','Muqauqis'],0,'Najasyi adalah gelar penguasa Habasyah yang memberikan perlindungan kepada kaum Muslimin.','Sirah Ibnu Hisyam, hijrah ke Habasyah'], ['Perang Khaibar berlangsung pada tahun berapa Hijriah menurut penanggalan sirah yang masyhur?',['7 H','3 H','5 H','10 H'],0,'Pembebasan Khaibar umumnya ditempatkan pada tahun 7 H.','HR. al-Bukhari, Kitab al-Maghazi'], ['Ekspedisi Tabuk terjadi pada tahun berapa Hijriah?',['9 H','5 H','6 H','11 H'],0,'Ekspedisi Tabuk berlangsung pada tahun 9 H.','QS. At-Taubah: 117; kitab-kitab sirah'], ['Haji Wada (haji perpisahan) dilakukan Rasulullah ﷺ pada tahun berapa Hijriah?',['10 H','8 H','9 H','11 H'],0,'Haji Wada berlangsung pada tahun 10 H.','HR. Muslim no. 1218, hadis Jabir tentang haji Nabi ﷺ'], ['Di manakah Nabi ﷺ menyampaikan khutbah terkenal pada Haji Wada saat wukuf?',['Arafah','Quba','Uhud','Badr'],0,'Salah satu khutbah terkenal dalam Haji Wada disampaikan pada hari Arafah.','HR. Muslim no. 1218'], ['Surah apa yang memuat kabar tentang Baiat Ridwan di bawah pohon?',['Al-Fath','Al-Fil','Al-Masad','Al-Qadr'],0,'Allah menyebut keridaan-Nya kepada kaum mukminin yang berbaiat di bawah pohon.','QS. Al-Fath: 18'], ['Dalam Al-Qur’an, surah apa yang menyebut pertolongan Allah pada Perang Badr secara eksplisit?',['Ali ‘Imran','Al-Kautsar','Al-Lahab','Al-Qari’ah'],0,'Surah Ali ‘Imran ayat 123 menyebut pertolongan Allah kepada kaum Muslimin di Badr.','QS. Ali ‘Imran: 123'], ['Ayat “Jangan bersedih, sesungguhnya Allah bersama kita” berkaitan dengan peristiwa apa?',['Persembunyian di gua saat hijrah','Perang Uhud','Pembebasan Makkah','Perang Hunain'],0,'Ucapan tersebut disebutkan ketika Nabi ﷺ bersama sahabatnya berada dalam gua saat hijrah.','QS. At-Taubah: 40'], ['Siapa sahabat yang menulis naskah perjanjian Hudaibiyah atas arahan Rasulullah ﷺ?',['Ali bin Abi Thalib','Mu’adz bin Jabal','Abu Dzar al-Ghifari','Abu Hurairah'],0,'Ali bin Abi Thalib menuliskan naskah Perjanjian Hudaibiyah.','HR. al-Bukhari, peristiwa Hudaibiyah'], ['Perang Mu’tah berlangsung pada tahun berapa Hijriah?',['8 H','2 H','5 H','10 H'],0,'Perang Mu’tah berlangsung pada tahun 8 H.','HR. al-Bukhari, Kitab al-Maghazi'], ['Siapa panglima pertama yang ditunjuk dalam Perang Mu’tah?',['Zaid bin Haritsah','Ja’far bin Abi Thalib','Abdullah bin Rawahah','Khalid bin Walid'],0,'Nabi ﷺ menetapkan Zaid bin Haritsah sebagai pemimpin pertama pasukan Mu’tah.','HR. al-Bukhari, Kitab al-Maghazi'], ['Surah apakah yang diawali dengan “Innā fataḥnā laka fatḥan mubīnā”?',['Al-Fath','An-Nashr','Al-Anfal','At-Taubah'],0,'Kalimat “Sesungguhnya Kami telah memberikan kepadamu kemenangan yang nyata” mengawali surah Al-Fath.','QS. Al-Fath: 1'], ['Siapa nama paman Nabi ﷺ yang melindungi beliau di Makkah tetapi wafat sebelum hijrah?',['Abu Thalib','Abbas bin Abdul Muththalib','Hamzah bin Abdul Muththalib','Harits bin Abdul Muththalib'],0,'Abu Thalib memberikan perlindungan kepada Nabi ﷺ dan wafat sebelum peristiwa hijrah.','Sirah Ibnu Hisyam, tahun kesedihan'], ['Sebelum kenabian, perselisihan peletakan apa yang diselesaikan Nabi ﷺ ketika Ka’bah diperbaiki?',['Hajar Aswad','Maqam Ibrahim','Pintu Ka’bah','Talang Ka’bah'],0,'Beliau menyelesaikan perselisihan kabilah-kabilah terkait peletakan kembali Hajar Aswad.','Sirah Ibnu Hisyam, renovasi Ka’bah'], ['Perang yang disebut dalam QS. At-Taubah ayat 25 adalah …',['Hunain','Uhud','Badr','Khandaq'],0,'Allah mengingatkan pertolongan-Nya, termasuk pada hari peperangan Hunain.','QS. At-Taubah: 25'] ] }; const state={questions:[],i:0,answered:false,wrong:false,correctCount:0,earned:0,safe:0,remaining:60,timer:null,sound:false,timerOn:true,helps:{fifty:false,poll:false,expert:false},hidden:[],choices:[],wrongTimeout:false}; let audioContext=null; const storage={get(k){try{return Number(localStorage.getItem('mi-sirah-v1-'+k))||0}catch(e){return 0}},set(k,v){try{localStorage.setItem('mi-sirah-v1-'+k,String(v))}catch(e){}}}; const shuffle=array=>{let a=array.slice();for(let i=a.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[a[i],a[j]]=[a[j],a[i]]}return a}; function buildDeck(){return ['easy','medium','hard'].flatMap(tier=>shuffle(bank[tier]).slice(0,5).map(raw=>({q:raw[0],opts:raw[1],answer:raw[2],explain:raw[3],ref:raw[4],tier}))).map(o=>{const order=shuffle([0,1,2,3]);return {...o,opts:order.map(i=>o.opts[i]),answer:order.indexOf(o.answer)}})} function show(section){['mi-start-screen','mi-game-screen','mi-end-screen'].forEach(id=>$(id).hidden=(id!==section));} function updateStats(){$('mi-best-start').textContent=fmt(storage.get('best'));$('mi-played-start').textContent=fmt(storage.get('played'))} function ping(ok){if(!state.sound)return;try{const C=window.AudioContext||window.webkitAudioContext;if(!C)return;if(!audioContext)audioContext=new C();if(audioContext.state==='suspended')audioContext.resume();[0,1,2].forEach((i)=>{const os=audioContext.createOscillator(),gain=audioContext.createGain(),t=audioContext.currentTime+i*.12;os.type='sine';os.frequency.setValueAtTime(ok?[523,659,784][i]:[300,260,210][i],t);gain.gain.setValueAtTime(.001,t);gain.gain.exponentialRampToValueAtTime(.07,t+.016);gain.gain.exponentialRampToValueAtTime(.001,t+.14);os.connect(gain);gain.connect(audioContext.destination);os.start(t);os.stop(t+.17)})}catch(e){}} function pauseTimer(){if(state.timer){clearInterval(state.timer);state.timer=null}} function updateTimer(){const row=$('mi-timer-row');row.hidden=!state.timerOn;row.classList.toggle('mi-urgent',state.remaining{if(state.answered)return;state.remaining--;updateTimer();if(state.remaining=0;j--){const div=document.createElement('div');div.className='mi-rung'+([4,9,14].includes(j)?' mi-milestone':'')+(state.i===j?' mi-active':'')+(state.i>j?' mi-completed':'');const n=document.createElement('span');n.textContent=String(j+1).padStart(2,'0');const value=document.createElement('span');value.textContent=fmt(amounts[j]);div.append(n,value);el.appendChild(div)}} function startGame(){pauseTimer();state.questions=buildDeck();state.i=0;state.answered=false;state.wrong=false;state.correctCount=0;state.earned=0;state.safe=0;state.helps={fifty:false,poll:false,expert:false};state.hidden=[];state.wrongTimeout=false;storage.set('played',storage.get('played')+1);show('mi-game-screen');renderQuestion();root.scrollIntoView({behavior:'smooth',block:'start'})} function renderQuestion(){const q=state.questions[state.i];state.answered=false;state.wrong=false;state.wrongTimeout=false;state.hidden=[];$('mi-help-panel').hidden=true;$('mi-help-panel').replaceChildren();$('mi-feedback').hidden=true;$('mi-feedback').classList.remove('mi-is-wrong');$('mi-question-counter').textContent='PERTANYAAN '+(state.i+1)+' / 15';$('mi-current-money').firstChild.textContent=fmt(amounts[state.i])+' ';$('mi-category').textContent=state.ianswerQuestion(index,false));box.appendChild(btn)});$('mi-help-5050').disabled=state.helps.fifty;$('mi-help-poll').disabled=state.helps.poll;$('mi-help-expert').disabled=state.helps.expert;ladder();beginTimer()} function answerQuestion(index,timedOut){if(state.answered)return;state.answered=true;pauseTimer();state.wrongTimeout=timedOut;const q=state.questions[state.i];const ok=index===q.answer;state.wrong=!ok;if(ok){state.correctCount++;state.earned=amounts[state.i];if(state.i===4||state.i===9)state.safe=state.earned}ping(ok);const buttons=Array.from($('mi-answer-list').querySelectorAll('button'));buttons.forEach((b,j)=>{b.disabled=true;b.classList.remove('mi-hidden-answer');if(j===q.answer)b.classList.add('mi-correct');else if(j===index&&!ok)b.classList.add('mi-wrong')});['mi-help-5050','mi-help-poll','mi-help-expert'].forEach(id=>$(id).disabled=true);$('mi-help-panel').hidden=true;$('mi-feedback').hidden=false;$('mi-feedback').classList.toggle('mi-is-wrong',!ok);$('mi-feedback-title').textContent=ok?'✓ Jawaban benar!':timedOut?'⌛ Waktu habis!':'✕ Belum tepat!';$('mi-feedback-detail').textContent=(ok?'Bagus! ':'Jawaban yang benar: '+q.opts[q.answer]+'. ')+q.explain;$('mi-feedback-ref').textContent='Rujukan: '+q.ref;$('mi-next').textContent=!ok?'Lihat Hasil ➜':state.i===14?'Lihat Gelar Jutawan ➜':'Lanjutkan ➜';$('mi-progress-bar').style.width=(((state.i+1)/15)*100)+'%';$('mi-safe-money').textContent=fmt(state.safe)} function nextQuestion(){if(!state.answered)return;if(state.wrong){endGame('wrong');return}if(state.i===14){endGame('win');return}state.i++;renderQuestion()} function endGame(reason){pauseTimer();let points=reason==='wrong'?state.safe:state.earned;const winner=reason==='win';const message=winner?'Masya Allah! Anda berhasil menuntaskan 15 pertanyaan Sirah Nabawiyah. Semoga kecintaan dan keteladanan kita kepada Rasulullah ﷺ semakin bertambah.':reason==='quit'?'Anda memilih berhenti dan membawa pulang poin yang sudah diraih. Ilmu yang dipelajari tetaplah yang paling berharga.':'Tantangan kali ini berakhir. Bacalah kembali penjelasan jawaban dan coba lagi untuk memperdalam pemahaman sirah.';if(points>storage.get('best'))storage.set('best',points);$('mi-result-icon').textContent=winner?'🏆':reason==='quit'?'⭐':'📚';$('mi-result-kicker').textContent=winner?'SELAMAT, JUTAWAN ILMU!':'HASIL PERMAINAN';$('mi-result-title').textContent=winner?'Anda Jutawan Ilmu Sirah!':reason==='quit'?'Poin Anda Tersimpan':'Terus Belajar Sirah Nabawiyah';$('mi-result-message').textContent=message;$('mi-result-amount').textContent=fmt(points);$('mi-result-correct').textContent='Jawaban benar: '+state.correctCount+' dari 15';$('mi-result-best').textContent='Rekor: '+fmt(storage.get('best'));show('mi-end-screen');updateStats();root.scrollIntoView({behavior:'smooth',block:'start'})} function showHelp(title,text){const el=$('mi-help-panel');el.replaceChildren();const h=document.createElement('h3');h.textContent=title;const p=document.createElement('div');p.textContent=text;el.append(h,p);el.hidden=false} function helpFifty(){if(state.answered||state.helps.fifty)return;state.helps.fifty=true;$('mi-help-5050').disabled=true;const correct=state.questions[state.i].answer;const wrongs=shuffle([0,1,2,3].filter(i=>i!==correct)).slice(0,2);state.hidden=wrongs;Array.from($('mi-answer-list').children).forEach((b,i)=>{if(wrongs.includes(i)){b.disabled=true;b.classList.add('mi-hidden-answer')}});showHelp('◐ Bantuan 50:50','Dua jawaban yang keliru telah disembunyikan. Pilih salah satu dari dua jawaban yang tersisa.')} function helpPoll(){if(state.answered||state.helps.poll)return;state.helps.poll=true;$('mi-help-poll').disabled=true;const correct=state.questions[state.i].answer;const shares=[0,0,0,0],winner=62+Math.floor(Math.random()*19),rest=100-winner;const others=shuffle([0,1,2,3].filter(i=>i!==correct));const a=Math.floor(rest*.5),b=Math.floor(rest*.3);shares[correct]=winner;shares[others[0]]=a;shares[others[1]]=b;shares[others[2]]=rest-a-b;const panel=$('mi-help-panel');panel.replaceChildren();panel.hidden=false;const h=document.createElement('h3');h.textContent='▥ Simulasi Polling';panel.appendChild(h);const hint=document.createElement('p');hint.style.margin='0 0 12px';hint.textContent='Persentase berikut hanya simulasi bantuan permainan, bukan polling peserta sungguhan.';panel.appendChild(hint);shares.forEach((n,i)=>{const row=document.createElement('div');row.className='mi-poll-line';const label=document.createElement('b');label.textContent=String.fromCharCode(65+i);const bar=document.createElement('div');bar.className='mi-poll-bar';const fill=document.createElement('span');fill.style.width=n+'%';bar.appendChild(fill);const perc=document.createElement('strong');perc.textContent=n+'%';row.append(label,bar,perc);panel.appendChild(row)})} function helpExpert(){if(state.answered||state.helps.expert)return;state.helps.expert=true;$('mi-help-expert').disabled=true;const q=state.questions[state.i];showHelp('✦ Petunjuk Ahli (simulasi)','Menurut petunjuk materi sirah, jawaban yang paling tepat adalah '+String.fromCharCode(65+q.answer)+': '+q.opts[q.answer]+'. '+q.explain)} $('mi-start').addEventListener('click',startGame);$('mi-replay').addEventListener('click',startGame);$('mi-back-home').addEventListener('click',()=>{pauseTimer();show('mi-start-screen');updateStats()});$('mi-next').addEventListener('click',nextQuestion);$('mi-stop').addEventListener('click',()=>endGame('quit'));$('mi-help-5050').addEventListener('click',helpFifty);$('mi-help-poll').addEventListener('click',helpPoll);$('mi-help-expert').addEventListener('click',helpExpert); $('mi-sound-toggle').addEventListener('click',()=>{state.sound=!state.sound;$('mi-sound-toggle').textContent=state.sound?'♫ Suara: Aktif':'♪ Suara: Mati';$('mi-sound-toggle').setAttribute('aria-pressed',String(state.sound));if(state.sound)ping(true)}); $('mi-timer-toggle').addEventListener('click',()=>{state.timerOn=!state.timerOn;$('mi-timer-toggle').textContent=state.timerOn?'◷ Timer: Aktif':'◷ Timer: Mati';$('mi-timer-toggle').setAttribute('aria-pressed',String(state.timerOn));if(!$('mi-game-screen').hidden&&!state.answered){if(state.timerOn)beginTimer();else{pauseTimer();updateTimer()}}}); updateStats(); })();

Who Wants to Be a Millionaire – Sirah Nabawiyah

JUTAWAN ILMU SIRAH

Permainan Selesai

Tim Ilmiah Markaz Inayah

Tinggalkan Balasan Batalkan balasan

JUTAWAN ILMU SIRAH

Permainan Selesai

Tim Ilmiah Markaz Inayah

Jumat Berkah: Tradisi Berbagi Makanan Sejak Zaman Nabi ﷺ

Who Wants to Be a Millionaire – Surah Alquran

Related Articles

Who Wants to Be a Millionaire – Uji Hafalan Juz 30

Who Wants to Be a Millionaire – Surah Alquran

Seberapa Kenal Anda dengan Imam Al-Albani?

Uji Hafalan Hadis Jami Bab Adab

Tinggalkan Balasan Batalkan balasan