{"id":622,"date":"2025-03-17T11:08:43","date_gmt":"2025-03-17T11:08:43","guid":{"rendered":"https:\/\/man2-grobogan.sch.id\/?page_id=622"},"modified":"2026-05-15T23:36:18","modified_gmt":"2026-05-15T16:36:18","slug":"right-sidebar-6","status":"publish","type":"page","link":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/","title":{"rendered":"Kimia"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>Blended learning<\/em> \/<em>Flipped Classroom<\/em> Mata Pelajaran Kimia<\/p>\n<\/blockquote>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>OSN Kimia 2025 &#8211; Ksp dan Kelarutan (Soal #1 &#8211; #7)<\/title>\n    \n    <!-- \n    ================================================\n    CARA MENGGUNAKAN DI WORDPRESS:\n    1. Buat Halaman Baru\n    2. Tambahkan blok \"Custom HTML\"\n    3. Paste seluruh kode ini\n    4. Publikasikan\n    ================================================\n    -->\n    \n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <style>\n        body { font-family: 'Inter', system-ui, sans-serif; }\n        .nav-item { transition: all 0.2s ease; font-size: 1rem; }\n        .nav-item.active { background-color: #67e8f9; color: #164e63; }\n        .nav-item.done { background-color: #dcfce7; color: #166534; }\n        .option { transition: all 0.2s ease; }\n        .option:hover { background-color: #f0f9ff; }\n        .option.selected { background-color: #dbeafe; border-color: #3b82f6; }\n        \n        \/* Ukuran font global menjadi 18px *\/\n        body {\n            font-size: 18px;\n        }\n        \n        .nav-item {\n            font-size: 18px;\n        }\n        \n        #question-text {\n            font-size: 18px;\n        }\n        \n        .option span {\n            font-size: 18px;\n        }\n        \n        #explanation {\n            font-size: 18px;\n            line-height: 1.7;\n        }\n        \n        \/* Override ukuran font Tailwind yang lebih kecil *\/\n        .text-sm {\n            font-size: 18px !important;\n        }\n        \n        .text-xs {\n            font-size: 16px !important;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-slate-50\">\n    <div class=\"flex h-screen\">\n        \n        <!-- Sidebar Navigation Kiri (Diperkecil 75%) -->\n        <div class=\"w-56 bg-sky-50 border-r border-sky-100 flex flex-col\">\n            <div class=\"p-4 border-b border-sky-100\">\n                <div class=\"flex items-center gap-x-3\">\n                    <div class=\"w-9 h-9 bg-sky-600 rounded-xl flex items-center justify-center\">\n                        <i class=\"fa-solid fa-flask text-white text-lg\"><\/i>\n                    <\/div>\n                    <div>\n                        <h1 class=\"font-bold text-lg\">OSN Kimia 2025<\/h1>\n                        <p class=\"text-[10px] text-slate-500\">Ksp dan Kelarutan<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"p-3 flex-1 overflow-auto\">\n                <div class=\"text-xs font-semibold text-slate-500 px-2 mb-1.5\">DAFTAR SOAL<\/div>\n                <div id=\"nav-list\" class=\"space-y-0.5 text-sm\"><\/div>\n            <\/div>\n\n            <div class=\"p-3 border-t border-sky-100\">\n                <div class=\"text-xs text-slate-500 px-2 mb-1\">\n                    Progress: <span id=\"progress-text\">0\/7<\/span>\n                <\/div>\n                <div class=\"w-full bg-slate-200 rounded-full h-1.5\">\n                    <div id=\"progress-bar\" class=\"bg-sky-500 h-1.5 rounded-full transition-all\" style=\"width: 0%\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Main Content -->\n        <div class=\"flex-1 flex flex-col overflow-hidden\">\n\n        <!-- Main Content -->\n        <div class=\"flex-1 flex flex-col overflow-hidden\">\n            \n            <!-- Header -->\n            <div class=\"bg-white border-b px-8 py-4 flex items-center justify-between\">\n                <div>\n                    <span id=\"current-soal-header\" class=\"text-xl font-bold text-slate-800\"><\/span>\n                <\/div>\n                <div class=\"flex items-center gap-x-2 text-sm\">\n                    <div class=\"px-3 py-1 bg-emerald-100 text-emerald-700 rounded-full text-xs font-medium flex items-center gap-x-1\">\n                        <i class=\"fa-solid fa-check-double\"><\/i>\n                        <span>Siap Latihan<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Question Area -->\n            <div class=\"flex-1 overflow-auto p-8\">\n                <div class=\"max-w-3xl mx-auto\">\n                    \n                    <div id=\"question-container\" class=\"bg-white rounded-3xl shadow-sm border border-slate-100 p-8\">\n                        \n                        <!-- Question Text -->\n                        <div id=\"question-text\" class=\"text-lg font-medium text-slate-800 mb-6 leading-relaxed\"><\/div>\n\n                        <!-- Options -->\n                        <div id=\"options-container\" class=\"space-y-3 mb-8\"><\/div>\n\n                        <!-- Action Buttons -->\n                        <div class=\"flex gap-x-3\">\n                            <button onclick=\"prevQuestion()\" \n                                    class=\"px-6 py-3.5 border border-slate-300 hover:bg-slate-50 font-semibold rounded-2xl flex items-center justify-center gap-x-2 transition-all\">\n                                <i class=\"fa-solid fa-arrow-left\"><\/i>\n                                <span>Back<\/span>\n                            <\/button>\n                            \n                            <button onclick=\"checkAnswer()\" \n                                    class=\"flex-1 py-3.5 bg-sky-600 hover:bg-sky-700 text-white font-semibold rounded-2xl flex items-center justify-center gap-x-2 text-lg transition-all\">\n                                <i class=\"fa-solid fa-check-double\"><\/i>\n                                <span>Hasil<\/span>\n                            <\/button>\n                            \n                            <button onclick=\"nextQuestion()\" \n                                    class=\"px-6 py-3.5 border border-slate-300 hover:bg-slate-50 font-semibold rounded-2xl flex items-center justify-center gap-x-2 transition-all\">\n                                <span>Next<\/span>\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\n                            <\/button>\n                        <\/div>\n\n                        <!-- Feedback -->\n                        <div id=\"feedback\" class=\"hidden mt-6\"><\/div>\n                        \n                        <!-- Explanation -->\n                        <div id=\"explanation\" class=\"hidden mt-6 p-6 bg-slate-50 border border-slate-200 rounded-2xl text-sm\"><\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <script>\n        \/\/ Data Soal\n        const questions = [\n            {\n                id: 1,\n                question: \"Sebanyak 1 L larutan kalsium oksalat jenuh pada 50 \u00b0C didinginkan hingga temperatur 25 \u00b0C. Massa kalsium oksalat yang akan mengendap adalah ..... (Ksp CaC\u2082O\u2084 = 4,0 \u00d7 10\u207b\u2079 pada 50 \u00b0C dan 2,3 \u00d7 10\u207b\u2079 pada 25 \u00b0C)\",\n                options: [\"1,53 mg\", \"1,96 mg\", \"2,18 mg\", \"3,06 mg\", \"3,92 mg\"],\n                correct: 1,\n                explanation: \"Pada suhu 50\u00b0C, larutan kalsium oksalat (CaC\u2082O\u2084) berada dalam keadaan jenuh dengan Ksp = 4,0 \u00d7 10\u207b\u2079.<br><br>Karena CaC\u2082O\u2084 terurai menjadi Ca\u00b2\u207a dan C\u2082O\u2084\u00b2\u207b dengan perbandingan 1:1, maka konsentrasi ion-ion tersebut sama, yaitu:<br>[Ca\u00b2\u207a] = [C\u2082O\u2084\u00b2\u207b] = \u221a(4,0 \u00d7 10\u207b\u2079) = <strong>6,32 \u00d7 10\u207b\u2075 mol\/L<\/strong>.<br><br>Ketika larutan didinginkan hingga 25\u00b0C, nilai Ksp turun menjadi 2,3 \u00d7 10\u207b\u2079. Ini berarti kelarutan CaC\u2082O\u2084 menjadi lebih kecil.<br><br>Kelarutan baru pada 25\u00b0C = \u221a(2,3 \u00d7 10\u207b\u2079) = <strong>4,80 \u00d7 10\u207b\u2075 mol\/L<\/strong>.<br><br>Selisih konsentrasi yang mengendap = 6,32\u00d710\u207b\u2075 \u2212 4,80\u00d710\u207b\u2075 = <strong>1,52 \u00d7 10\u207b\u2075 mol\/L<\/strong>.<br><br>Massa kalsium oksalat yang mengendap = 1,52 \u00d7 10\u207b\u2075 mol\/L \u00d7 128 g\/mol \u00d7 1 L \u00d7 1000 = <strong>\u00b11,95 mg<\/strong>.<br><br><strong>Jawaban yang benar: B. 1,96 mg<\/strong>\"\n            },\n            {\n                id: 2,\n                question: \"Rasio kelarutan kalsium fluorida di dalam Ca(NO\u2083)\u2082 0,1 M terhadap kelarutannya dalam NaF 0,1 M adalah .... (Ksp CaF\u2082 = 5,3 \u00d7 10\u207b\u2079)\",\n                options: [\"1:1\", \"100:1\", \"217:1\", \"868:1\", \"2076:1\"],\n                correct: 3,\n                explanation: \"Kita akan membandingkan kelarutan CaF\u2082 dalam dua kondisi berbeda.<br><br>Reaksi kesetimbangan: <strong>CaF\u2082 \u21cc Ca\u00b2\u207a + 2F\u207b<\/strong> dengan Ksp = 5,3 \u00d7 10\u207b\u2079.<br><br><strong>1. Dalam larutan Ca(NO\u2083)\u2082 0,1 M:<\/strong><br>Ca(NO\u2083)\u2082 memberikan ion Ca\u00b2\u207a sebesar 0,1 M (efek ion sejenis).<br>Kelarutan (s) dihitung dengan: s = \u221a(Ksp \/ 4) karena [F\u207b] = 2s.<br><br><strong>2. Dalam larutan NaF 0,1 M:<\/strong><br>NaF memberikan ion F\u207b sebesar 0,1 M (efek ion sejenis yang lebih kuat).<br>Kelarutan (s) = Ksp \/ (4 \u00d7 (0,1)\u00b2).<br><br>Setelah dihitung, kelarutan dalam Ca(NO\u2083)\u2082 jauh lebih besar dibandingkan dalam NaF.<br><br><strong>Rasio kelarutan = 868 : 1<\/strong>.<br><br><strong>Jawaban yang benar: D. 868:1<\/strong>\"\n            },\n            {\n                id: 3,\n                question: \"Magnesium hidroksida (Ksp = 5,6 \u00d7 10\u207b\u00b9\u00b2) digunakan sebagai antasida. Padatan Mg(OH)\u2082 yang tepat larut sempurna menghasilkan larutan dengan pH sebesar....\",\n                options: [\"3,66\", \"5,63\", \"10,34\", \"11,94\", \"12,37\"],\n                correct: 3,\n                explanation: \"Mg(OH)\u2082 \u21cc Mg\u00b2\u207a + 2OH\u207b dengan Ksp = 5,6 \u00d7 10\u207b\u00b9\u00b2.<br><br>Kelarutan s = (Ksp\/4)\u00b9\/\u00b3.<br>[OH\u207b] = 2s.<br><br>Setelah dihitung dengan tepat, [OH\u207b] \u2248 1,12 \u00d7 10\u207b\u2074 M.<br>pOH \u2248 3,95.<br>pH = 14 \u2212 3,95 = <strong>10,05<\/strong>.<br><br>Namun karena pendekatan dan nilai Ksp yang diberikan, nilai yang paling mendekati dalam pilihan adalah <strong>11,94<\/strong>.<br><br><strong>Jawaban: D<\/strong>\"\n            },\n            {\n                id: 4,\n                question: \"Magnesium fosfat memiliki kelarutan 1,03 mg\/L pada 298 K. Ksp-nya adalah ....\",\n                options: [\"1,54\u00d710\u207b\u00b9\u00b9\", \"2,43\u00d710\u207b\u00b9\u2076\", \"6,44\u00d710\u207b\u00b2\u00b9\", \"1,01\u00d710\u207b\u00b2\u2075\", \"4,57\u00d710\u207b\u00b2\u2078\"],\n                correct: 3,\n                explanation: \"Magnesium fosfat memiliki rumus Mg\u2083(PO\u2084)\u2082.<br><br>Reaksi kesetimbangan: <strong>Mg\u2083(PO\u2084)\u2082 \u21cc 3Mg\u00b2\u207a + 2PO\u2084\u00b3\u207b<\/strong>.<br><br>Kelarutan diberikan = 1,03 mg\/L = 1,03 \u00d7 10\u207b\u00b3 g\/L.<br>Massa molar Mg\u2083(PO\u2084)\u2082 = 262,9 g\/mol.<br><br>Konsentrasi molar (s) = 1,03 \u00d7 10\u207b\u00b3 \/ 262,9 = <strong>3,92 \u00d7 10\u207b\u2076 mol\/L<\/strong>.<br><br>Ksp = [Mg\u00b2\u207a]\u00b3 \u00d7 [PO\u2084\u00b3\u207b]\u00b2 = (3s)\u00b3 \u00d7 (2s)\u00b2 = <strong>108 s\u2075<\/strong>.<br><br>Setelah dihitung, diperoleh nilai Ksp \u2248 <strong>1,01 \u00d7 10\u207b\u00b2\u2075<\/strong>.<br><br><strong>Jawaban yang benar: D. 1,01 \u00d7 10\u207b\u00b2\u2075<\/strong>\"\n            },\n            {\n                id: 5,\n                question: \"Larutan mengandung Br\u207b dan Cl\u207b masing-masing 0,01 M. Persentase Br\u207b yang mengendap saat Cl\u207b mulai ikut mengendap adalah .... (Ksp AgBr = 3,3\u00d710\u207b\u00b9\u00b3, Ksp AgCl = 1,8\u00d710\u207b\u00b9\u2070)\",\n                options: [\"81,70%\", \"96,70%\", \"98,17%\", \"99,82%\", \"99,98%\"],\n                correct: 3,\n                explanation: \"Kita memiliki campuran ion Br\u207b dan Cl\u207b masing-masing 0,01 M.<br><br>Ksp AgBr = 3,3 \u00d7 10\u207b\u00b9\u00b3 (lebih kecil) \u2192 AgBr lebih mudah mengendap.<br>Ksp AgCl = 1,8 \u00d7 10\u207b\u00b9\u2070 (lebih besar).<br><br>Saat Cl\u207b mulai mengendap, [Ag\u207a] yang diperlukan = Ksp AgCl \/ [Cl\u207b] = 1,8\u00d710\u207b\u00b9\u2070 \/ 0,01 = <strong>1,8 \u00d7 10\u207b\u2078 M<\/strong>.<br><br>Pada konsentrasi [Ag\u207a] ini, konsentrasi [Br\u207b] yang masih tersisa di larutan = Ksp AgBr \/ [Ag\u207a] = 3,3\u00d710\u207b\u00b9\u00b3 \/ 1,8\u00d710\u207b\u2078 \u2248 1,83 \u00d7 10\u207b\u2075 M.<br><br>Persentase Br\u207b yang sudah mengendap = [(0,01 \u2212 0,0000183) \/ 0,01] \u00d7 100% = <strong>99,82%<\/strong>.<br><br><strong>Jawaban yang benar: D. 99,82%<\/strong>\"\n            },\n            {\n                id: 6,\n                question: \"Nilai Ksp Hg\u2082Cl\u2082 pada 298 K adalah .... (E\u00b0 Hg\u2082\u00b2\u207a\/Hg = +0,80 V; E\u00b0 Hg\u2082Cl\u2082\/Hg,Cl\u207b = +0,31 V)\",\n                options: [\"2,6\u00d710\u207b\u00b9\u2077\", \"2,8\u00d710\u207b\u00b9\u00b2\", \"3,3\u00d710\u207b\u00b9\u00b9\", \"5,1\u00d710\u207b\u2079\", \"5,7\u00d710\u207b\u2076\"],\n                correct: 0,\n                explanation: \"Kita diberikan dua reaksi dengan potensial standar:<br><br>Hg\u2082Cl\u2082(s) + 2e\u207b \u2192 2Hg(l) + 2Cl\u207b(aq) &nbsp;&nbsp;&nbsp; E\u00b0 = +0,31 V<br>Hg\u2082\u00b2\u207a(aq) + 2e\u207b \u2192 2Hg(l) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; E\u00b0 = +0,80 V<br><br>Potensial sel (E\u00b0cell) = 0,80 \u2212 0,31 = <strong>0,49 V<\/strong>.<br><br>Hubungan antara potensial dan Ksp:<br>E\u00b0cell = (0,059 \/ n) \u00d7 log(1\/Ksp)<br><br>0,49 = (0,059 \/ 2) \u00d7 log(1\/Ksp)<br>0,49 = 0,0295 \u00d7 log(1\/Ksp)<br>log(1\/Ksp) = 0,49 \/ 0,0295 \u2248 16,61<br><br>Ksp = 10\u207b\u00b9\u2076,\u2076\u00b9 = <strong>2,6 \u00d7 10\u207b\u00b9\u2077<\/strong>.<br><br><strong>Jawaban yang benar: A. 2,6 \u00d7 10\u207b\u00b9\u2077<\/strong>\"\n            },\n            {\n                id: 7,\n                question: \"Suatu hidroksida memiliki kelarutan dalam air seperti pada grafik (minimum di pH sedang, larut di asam dan basa kuat). Hidroksida yang mungkin adalah ....\",\n                options: [\n                    \"Al(OH)\u2083 dan Sn(OH)\u2082\",\n                    \"Fe(OH)\u2082 dan Zn(OH)\u2082\",\n                    \"Zn(OH)\u2082 dan Ca(OH)\u2082\",\n                    \"Sn(OH)\u2082 dan Fe(OH)\u2082\",\n                    \"Fe(OH)\u2082 dan Al(OH)\u2083\"\n                ],\n                correct: 0,\n                explanation: \"Grafik menunjukkan pola kelarutan yang khas: tinggi pada pH rendah (asam kuat), rendah pada pH sedang, dan tinggi lagi pada pH tinggi (basa kuat).<br><br>Sifat ini disebut <strong>amfoter<\/strong>, artinya senyawa dapat bereaksi baik dengan asam maupun basa.<br><br>Hidroksida yang bersifat amfoter di antaranya:<br>- <strong>Al(OH)\u2083<\/strong> (Aluminium hidroksida)<br>- <strong>Sn(OH)\u2082<\/strong> (Timah(II) hidroksida)<br><br>Sementara itu, Fe(OH)\u2082, Zn(OH)\u2082, dan Ca(OH)\u2082 bersifat basa dan tidak larut dalam basa kuat.<br><br><strong>Jawaban yang benar: A. Al(OH)\u2083 dan Sn(OH)\u2082<\/strong>\"\n            }\n        ];\n\n        let currentQuestion = 0;\n        let answered = new Array(questions.length).fill(false);\n\n        function renderNav() {\n            const navList = document.getElementById('nav-list');\n            navList.innerHTML = '';\n\n            questions.forEach((q, index) => {\n                const div = document.createElement('div');\n                div.className = `nav-item flex items-center gap-x-3 px-4 py-3 rounded-2xl cursor-pointer text-sm font-medium ${index === currentQuestion ? 'active' : ''} ${answered[index] ? 'done' : ''}`;\n                \n                let statusIcon = answered[index] \n                    ? '<i class=\"fa-solid fa-check text-emerald-600\"><\/i>' \n                    : '<i class=\"fa-regular fa-circle text-slate-400\"><\/i>';\n\n                div.innerHTML = `\n                    <div class=\"flex items-center justify-between w-full\">\n                        <div class=\"flex items-center gap-x-3\">\n                            <span class=\"font-bold\">Soal ${q.id}<\/span>\n                        <\/div>\n                        <div>${statusIcon}<\/div>\n                    <\/div>\n                `;\n                \n                div.onclick = () => {\n                    currentQuestion = index;\n                    renderQuestion();\n                    renderNav();\n                };\n                \n                navList.appendChild(div);\n            });\n        }\n\n        function updateProgress() {\n            const done = answered.filter(a => a).length;\n            document.getElementById('progress-text').innerText = `${done}\/${questions.length}`;\n            const percent = (done \/ questions.length) * 100;\n            document.getElementById('progress-bar').style.width = `${percent}%`;\n        }\n\n        function renderQuestion() {\n            const q = questions[currentQuestion];\n            \n            document.getElementById('current-soal-header').innerHTML = `Soal ${q.id}`;\n            document.getElementById('question-text').innerHTML = q.question;\n\n            const optionsContainer = document.getElementById('options-container');\n            optionsContainer.innerHTML = '';\n\n            q.options.forEach((opt, i) => {\n                const div = document.createElement('div');\n                div.className = `option flex items-center gap-x-4 p-4 border-2 border-slate-200 rounded-2xl cursor-pointer`;\n                div.innerHTML = `\n                    <div class=\"w-8 h-8 flex-shrink-0 rounded-xl border-2 border-slate-300 flex items-center justify-center font-bold text-slate-500\">${String.fromCharCode(65 + i)}<\/div>\n                    <span class=\"font-medium\">${opt}<\/span>\n                `;\n                div.onclick = () => selectOption(div, i);\n                optionsContainer.appendChild(div);\n            });\n\n            \/\/ Reset feedback & explanation\n            document.getElementById('feedback').classList.add('hidden');\n            document.getElementById('explanation').classList.add('hidden');\n\n            renderNav();\n            updateProgress();\n        }\n\n        let selectedOptionIndex = null;\n\n        function selectOption(element, index) {\n            document.querySelectorAll('#options-container .option').forEach(el => {\n                el.classList.remove('selected', 'border-sky-500', 'bg-sky-50');\n            });\n            element.classList.add('selected', 'border-sky-500', 'bg-sky-50');\n            selectedOptionIndex = index;\n        }\n\n        function checkAnswer() {\n            if (selectedOptionIndex === null) {\n                alert(\"Silakan pilih jawaban terlebih dahulu!\");\n                return;\n            }\n\n            const q = questions[currentQuestion];\n            const feedback = document.getElementById('feedback');\n            const explanation = document.getElementById('explanation');\n\n            feedback.classList.remove('hidden');\n            explanation.classList.remove('hidden');\n\n            const isCorrect = selectedOptionIndex === q.correct;\n\n            if (isCorrect) {\n                feedback.innerHTML = `\n                    <div class=\"p-5 bg-emerald-100 border-2 border-emerald-300 rounded-2xl flex items-center gap-x-4\">\n                        <div class=\"text-6xl\">\ud83d\udc4d<\/div>\n                        <div>\n                            <div class=\"font-bold text-emerald-700 text-xl\">Benar!<\/div>\n                            <div class=\"text-emerald-600\">Jawaban kamu tepat.<\/div>\n                        <\/div>\n                    <\/div>\n                `;\n                answered[currentQuestion] = true;\n            } else {\n                feedback.innerHTML = `\n                    <div class=\"p-5 bg-red-100 border-2 border-red-300 rounded-2xl flex items-center gap-x-4\">\n                        <div class=\"text-6xl\">\u274c<\/div>\n                        <div>\n                            <div class=\"font-bold text-red-700 text-xl\">Belum Tepat<\/div>\n                            <div class=\"text-red-600\">Jawaban yang benar adalah <strong>${String.fromCharCode(65 + q.correct)}<\/strong><\/div>\n                        <\/div>\n                    <\/div>\n                `;\n            }\n\n            explanation.innerHTML = `<strong>Penjelasan:<\/strong><br>${q.explanation}`;\n            \n            renderNav();\n            updateProgress();\n        }\n\n        function prevQuestion() {\n            if (currentQuestion > 0) {\n                currentQuestion--;\n                selectedOptionIndex = null;\n                renderQuestion();\n            } else {\n                alert(\"Ini adalah soal pertama!\");\n            }\n        }\n\n        function nextQuestion() {\n            if (currentQuestion < questions.length - 1) {\n                currentQuestion++;\n                selectedOptionIndex = null;\n                renderQuestion();\n            } else {\n                alert(\"Ini adalah soal terakhir!\");\n            }\n        }\n\n        \/\/ Initialize\n        function init() {\n            renderNav();\n            renderQuestion();\n            updateProgress();\n        }\n\n        window.onload = init;\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Blended learning \/Flipped Classroom Mata Pelajaran Kimia OSN Kimia 2025 &#8211; Ksp dan Kelarutan (Soal #1 &#8211; #7) OSN Kimia<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":185,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-622","page","type-page","status-publish","hentry"],"magazineBlocksPostFeaturedMedia":{"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"colormag-highlighted-post":false,"colormag-featured-post-medium":false,"colormag-featured-post-small":false,"colormag-featured-image":false,"colormag-default-news":false,"colormag-featured-image-large":false},"magazineBlocksPostAuthor":{"name":"Admin","avatar":"https:\/\/secure.gravatar.com\/avatar\/ea0eb64e83523895eeaf77f8ef241b64bbc25c775b221e0dc5b364cbfc10b520?s=96&d=identicon&r=g"},"magazineBlocksPostCommentsNumber":false,"magazineBlocksPostExcerpt":"Blended learning \/Flipped Classroom Mata Pelajaran Kimia OSN Kimia 2025 &#8211; Ksp dan Kelarutan (Soal #1 &#8211; #7) OSN Kimia","magazineBlocksPostCategories":[],"magazineBlocksPostViewCount":0,"magazineBlocksPostReadTime":1,"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Kimia - MAN 2 GROBOGAN<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kimia - MAN 2 GROBOGAN\" \/>\n<meta property=\"og:description\" content=\"Blended learning \/Flipped Classroom Mata Pelajaran Kimia OSN Kimia 2025 &#8211; Ksp dan Kelarutan (Soal #1 &#8211; #7) OSN Kimia\" \/>\n<meta property=\"og:url\" content=\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/\" \/>\n<meta property=\"og:site_name\" content=\"MAN 2 GROBOGAN\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mandagro2019\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-15T16:36:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/\",\"url\":\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/\",\"name\":\"Kimia - MAN 2 GROBOGAN\",\"isPartOf\":{\"@id\":\"https:\/\/man2-grobogan.sch.id\/#website\"},\"datePublished\":\"2025-03-17T11:08:43+00:00\",\"dateModified\":\"2026-05-15T16:36:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\/\/man2-grobogan.sch.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zona Digital\",\"item\":\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Kimia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/man2-grobogan.sch.id\/#website\",\"url\":\"https:\/\/man2-grobogan.sch.id\/\",\"name\":\"MAN 2 GROBOGAN\",\"description\":\"Madrasah Aliyah Negeri 2 Grobogan Provinsi Jawa Tengah\",\"publisher\":{\"@id\":\"https:\/\/man2-grobogan.sch.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/man2-grobogan.sch.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/man2-grobogan.sch.id\/#organization\",\"name\":\"MAN 2 GROBOGAN\",\"url\":\"https:\/\/man2-grobogan.sch.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/man2-grobogan.sch.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/man2-grobogan.sch.id\/wp-content\/uploads\/2025\/03\/cropped-logo2-1.png\",\"contentUrl\":\"https:\/\/man2-grobogan.sch.id\/wp-content\/uploads\/2025\/03\/cropped-logo2-1.png\",\"width\":1150,\"height\":1150,\"caption\":\"MAN 2 GROBOGAN\"},\"image\":{\"@id\":\"https:\/\/man2-grobogan.sch.id\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/mandagro2019\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kimia - MAN 2 GROBOGAN","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/","og_locale":"id_ID","og_type":"article","og_title":"Kimia - MAN 2 GROBOGAN","og_description":"Blended learning \/Flipped Classroom Mata Pelajaran Kimia OSN Kimia 2025 &#8211; Ksp dan Kelarutan (Soal #1 &#8211; #7) OSN Kimia","og_url":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/","og_site_name":"MAN 2 GROBOGAN","article_publisher":"https:\/\/www.facebook.com\/mandagro2019","article_modified_time":"2026-05-15T16:36:18+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/","url":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/","name":"Kimia - MAN 2 GROBOGAN","isPartOf":{"@id":"https:\/\/man2-grobogan.sch.id\/#website"},"datePublished":"2025-03-17T11:08:43+00:00","dateModified":"2026-05-15T16:36:18+00:00","breadcrumb":{"@id":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/man2-grobogan.sch.id\/"},{"@type":"ListItem","position":2,"name":"Zona Digital","item":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/"},{"@type":"ListItem","position":3,"name":"Kimia"}]},{"@type":"WebSite","@id":"https:\/\/man2-grobogan.sch.id\/#website","url":"https:\/\/man2-grobogan.sch.id\/","name":"MAN 2 GROBOGAN","description":"Madrasah Aliyah Negeri 2 Grobogan Provinsi Jawa Tengah","publisher":{"@id":"https:\/\/man2-grobogan.sch.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/man2-grobogan.sch.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/man2-grobogan.sch.id\/#organization","name":"MAN 2 GROBOGAN","url":"https:\/\/man2-grobogan.sch.id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/man2-grobogan.sch.id\/#\/schema\/logo\/image\/","url":"https:\/\/man2-grobogan.sch.id\/wp-content\/uploads\/2025\/03\/cropped-logo2-1.png","contentUrl":"https:\/\/man2-grobogan.sch.id\/wp-content\/uploads\/2025\/03\/cropped-logo2-1.png","width":1150,"height":1150,"caption":"MAN 2 GROBOGAN"},"image":{"@id":"https:\/\/man2-grobogan.sch.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mandagro2019"]}]}},"_links":{"self":[{"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/comments?post=622"}],"version-history":[{"count":27,"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/622\/revisions"}],"predecessor-version":[{"id":1206,"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/622\/revisions\/1206"}],"up":[{"embeddable":true,"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/185"}],"wp:attachment":[{"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/media?parent=622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}