{"id":103194,"date":"2025-09-04T10:26:09","date_gmt":"2025-09-04T03:26:09","guid":{"rendered":"https:\/\/evermos.com\/home\/?page_id=103194"},"modified":"2025-10-28T10:07:58","modified_gmt":"2025-10-28T03:07:58","slug":"harga-emas-dummy","status":"publish","type":"page","link":"https:\/\/evermos.com\/home\/harga-emas-dummy\/","title":{"rendered":"harga emas dummy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"103194\" class=\"elementor elementor-103194\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-557882b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"557882b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a851861\" data-id=\"a851861\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-59ef9a5 emas-price-table elementor-widget elementor-widget-shortcode\" data-id=\"59ef9a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"harga-emas-tabel\"><h3>Harga Emas Antam \u2013 31 Mei 2026 08:21<\/h3><table class=\"table-harga-emas\"><thead><tr><th>Gram<\/th><th>Butik LM<\/th><th>Pegadaian<\/th><\/tr><\/thead><tbody><tr><td>0,5 gr<\/td><td>Rp 1.449.500<\/td><td>Rp 1.508.000<\/td><\/tr><tr><td>1 gr<\/td><td>Rp 2.799.000<\/td><td>Rp 2.911.000<\/td><\/tr><tr><td>2 gr<\/td><td>Rp 5.538.000<\/td><td>Rp 5.760.000<\/td><\/tr><tr><td>3 gr<\/td><td>Rp 8.282.000<\/td><td>Rp 8.614.000<\/td><\/tr><tr><td>5 gr<\/td><td>Rp 13.770.000<\/td><td>Rp 14.321.000<\/td><\/tr><tr><td>10 gr<\/td><td>Rp 27.485.000<\/td><td>Rp 28.585.000<\/td><\/tr><tr><td>25 gr<\/td><td>Rp 68.587.000<\/td><td>Rp 71.331.000<\/td><\/tr><tr><td>50 gr<\/td><td>Rp 137.095.000<\/td><td>Rp 142.579.000<\/td><\/tr><tr><td>100 gr<\/td><td>Rp 274.112.000<\/td><td>Rp 285.077.000<\/td><\/tr><tr><td>250 gr<\/td><td>Rp 685.015.000<\/td><td>Rp 0<\/td><\/tr><tr><td>500 gr<\/td><td>Rp 1.369.820.000<\/td><td>Rp 0<\/td><\/tr><tr><td>1000 gr<\/td><td>Rp 2.739.600.000<\/td><td>Rp 0<\/td><\/tr><\/tbody><\/table><\/div><style>\r\n        .harga-emas-tabel { margin:20px 0; }\r\n        .harga-emas-tabel h3 { margin-bottom:12px; font-size:18px; color:#333; }\r\n        .harga-emas-tabel table.table-harga-emas {\r\n            width:100%;\r\n            border-collapse:collapse;\r\n            background-color:#ffffff;\r\n            font-size:15px;\r\n            margin-bottom:20px;\r\n        }\r\n        .harga-emas-tabel table.table-harga-emas th,\r\n        .harga-emas-tabel table.table-harga-emas td {\r\n            border:1px solid #ddd;\r\n            padding:10px 12px;\r\n            text-align:center;\r\n        }\r\n        .harga-emas-tabel table.table-harga-emas th {\r\n            background:#e0a959;\r\n            color:#fff;\r\n            font-weight:600;\r\n        }\r\n    <\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-73e2ce7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"73e2ce7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9c3fe73\" data-id=\"9c3fe73\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e7940f6 elementor-widget elementor-widget-shortcode\" data-id=\"e7940f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"simulasi-emas-grafik\" style=\"max-width:900px;\">\r\n    <div class=\"simulasi-header\" style=\"display:flex; flex-wrap:wrap; gap:12px; align-items:flex-start; margin-bottom:12px;\">\r\n        <div>\r\n            <label for=\"sim-budget\" style=\"font-weight:600;\">Budget (IDR):<\/label><br>\r\n            <input id=\"sim-budget\" type=\"text\" value=\"Rp 3.000.000\" style=\"padding:8px 10px; width:180px; border:1px solid #ccc; border-radius:5px; font-weight:600;\">\r\n        <\/div>\r\n\r\n        <div>\r\n            <label style=\"font-weight:600;\">Tenor:<\/label><br>\r\n            <div id=\"tenor-buttons\" style=\"display:flex; gap:6px; margin-top:4px;\"><button class=\"btn-tenor\" data-tenor=\"2\" style=\"padding:6px 12px; border:1px solid #ccc; border-radius:4px; background:#f9f9f9; cursor:pointer;\">2 th<\/button><button class=\"btn-tenor\" data-tenor=\"3\" style=\"padding:6px 12px; border:1px solid #ccc; border-radius:4px; background:#f9f9f9; cursor:pointer;\">3 th<\/button><button class=\"btn-tenor\" data-tenor=\"4\" style=\"padding:6px 12px; border:1px solid #ccc; border-radius:4px; background:#f9f9f9; cursor:pointer;\">4 th<\/button><button class=\"btn-tenor\" data-tenor=\"5\" style=\"padding:6px 12px; border:1px solid #ccc; border-radius:4px; background:#f9f9f9; cursor:pointer;\">5 th<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n            <label style=\"font-weight:600;\">Sumber harga:<\/label><br>\r\n            <div id=\"sumber-buttons\" style=\"display:flex; gap:6px; margin-top:4px;\">\r\n                <button class=\"btn-sumber active\" data-sumber=\"butik\" style=\"padding:6px 12px; border:1px solid #ccc; border-radius:4px; background:#e0a959; cursor:pointer;\">Butik LM<\/button>\r\n                <button class=\"btn-sumber\" data-sumber=\"pegadaian\" style=\"padding:6px 12px; border:1px solid #ccc; border-radius:4px; background:#f9f9f9; cursor:pointer;\">Pegadaian<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div style=\"margin-bottom:10px;\">\r\n        Harga 1 gram (acuan): <strong id=\"harga-1g\">Rp 2.799.000<\/strong>\r\n        <div id=\"hasil-gram\" style=\"margin-top:6px; font-weight:600; color:#444;\"><\/div>\r\n    <\/div>\r\n    <div style=\"display:flex; flex-wrap:wrap; gap:20px;\">\r\n        <div style=\"flex:1; min-width:260px;\">\r\n            <table id=\"proyeksi-table\" style=\"width:100%; border-collapse:collapse; font-family:inherit;\">\r\n                <thead><tr>\r\n                    <th style=\"text-align:left; padding:8px 6px; border-bottom:1px solid #ddd;\">Skenario<\/th>\r\n                    <th style=\"text-align:right; padding:8px 6px; border-bottom:1px solid #ddd;\">CAGR<\/th>\r\n                    <th style=\"text-align:right; padding:8px 6px; border-bottom:1px solid #ddd;\">Nilai Akhir<\/th>\r\n                <\/tr><\/thead>\r\n                <tbody><tr data-rate=\"0.08\" data-label=\"Konservatif\">\r\n            <td style=\"padding:8px 6px;\">Konservatif<\/td>\r\n            <td style=\"padding:8px 6px; text-align:right;\">8%<\/td>\r\n            <td class=\"nilai-akhir\" style=\"padding:8px 6px; text-align:right;\">Rp 0<\/td>\r\n        <\/tr><tr data-rate=\"0.1495\" data-label=\"Basis\">\r\n            <td style=\"padding:8px 6px;\">Basis<\/td>\r\n            <td style=\"padding:8px 6px; text-align:right;\">14.95%<\/td>\r\n            <td class=\"nilai-akhir\" style=\"padding:8px 6px; text-align:right;\">Rp 0<\/td>\r\n        <\/tr><tr data-rate=\"0.2\" data-label=\"Optimistis\">\r\n            <td style=\"padding:8px 6px;\">Optimistis<\/td>\r\n            <td style=\"padding:8px 6px; text-align:right;\">20%<\/td>\r\n            <td class=\"nilai-akhir\" style=\"padding:8px 6px; text-align:right;\">Rp 0<\/td>\r\n        <\/tr>\r\n                <\/tbody><\/table>\r\n        <\/div>\r\n\r\n        <div style=\"flex:1.6; min-width:320px;\">\r\n            <canvas id=\"chart-proyeksi\" height=\"200\"><\/canvas>\r\n        <\/div>\r\n    <\/div><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><script>\r\n    (function(){\r\n        const dataFromPhp = {\"price_butik\":2799000,\"price_pegadaian\":2911000,\"rates\":{\"Konservatif\":0.08000000000000000166533453693773481063544750213623046875,\"Basis\":0.1494999999999999940047956670241546817123889923095703125,\"Optimistis\":0.200000000000000011102230246251565404236316680908203125}};\r\n        const rates = dataFromPhp.rates;\r\n\r\n        function formatIDR(value){ return \"Rp \" + Number(value).toLocaleString(\"id-ID\"); }\r\n        function parseRupiah(str){ return Number(String(str).replace(\/[^\\d]\/g,\"\")) || 0; }\r\n\r\n        document.addEventListener(\"DOMContentLoaded\", function(){\r\n            const budgetEl = document.getElementById(\"sim-budget\");\r\n            const sumberButtons = document.querySelectorAll(\".btn-sumber\");\r\n            const harga1gEl = document.getElementById(\"harga-1g\");\r\n            const tenorButtons = document.querySelectorAll(\".btn-tenor\");\r\n            let tenor = 5;\r\n            let sumber = \"butik\";\r\n            const chartCtx = document.getElementById(\"chart-proyeksi\").getContext(\"2d\");\r\n            let chart = null;\r\n\r\n            budgetEl.addEventListener(\"input\", function(){\r\n                const value = parseRupiah(this.value);\r\n                this.value = value ? formatIDR(value) : \"\";\r\n                updateAll();\r\n            });\r\n\r\n            function refreshHargaDisplay(){\r\n                const price = sumber === \"butik\" ? Number(dataFromPhp.price_butik) : Number(dataFromPhp.price_pegadaian);\r\n                harga1gEl.textContent = formatIDR(price);\r\n            }\r\n\r\n            function updateGramDisplay(){\r\n                const budget = parseRupiah(budgetEl.value);\r\n                const harga = sumber === \"butik\" ? Number(dataFromPhp.price_butik) : Number(dataFromPhp.price_pegadaian);\r\n                const div = document.getElementById(\"hasil-gram\");\r\n\r\n                if(!harga || !budget){\r\n                    div.textContent = \"\";\r\n                    return;\r\n                }\r\n\r\n                const gram = Math.floor(budget \/ harga);\r\n                div.textContent = \"Emas yang bisa dibeli adalah \" + gram + \" gram\";\r\n            }\r\n\r\n            function buildChartData(budget, tenor){\r\n                const labels = Array.from({length: tenor+1}, (_,i)=>i.toString());\r\n                const datasets = [];\r\n                const colors = {\"Konservatif\":\"#2d6cdf\",\"Basis\":\"#2ab56f\",\"Optimistis\":\"#e24a3b\"};\r\n\r\n                for(const key in rates){\r\n                    const r = Number(rates[key]);\r\n                    const data = [];\r\n                    for(let t=0;t<=tenor;t++){\r\n                        data.push(Math.round(budget * Math.pow(1+r, t)));\r\n                    }\r\n                    datasets.push({label:key, data:data, borderColor:colors[key], fill:false, tension:0.15, pointRadius:2});\r\n                }\r\n                return {labels,datasets};\r\n            }\r\n\r\n            function createOrUpdateChart(labels,datasets){\r\n                if(chart){\r\n                    chart.data.labels = labels;\r\n                    chart.data.datasets = datasets;\r\n                    chart.update();\r\n                    return;\r\n                }\r\n                chart = new Chart(chartCtx, {\r\n                    type: \"line\",\r\n                    data: { labels, datasets },\r\n                    options: { responsive:true, plugins:{ legend:{ position:\"bottom\" }} }\r\n                });\r\n            }\r\n\r\n            function updateAll(){\r\n                const budget = parseRupiah(budgetEl.value);\r\n                document.querySelectorAll(\"#proyeksi-table tbody tr\").forEach(tr=>{\r\n                    const r = Number(tr.dataset.rate);\r\n                    tr.querySelector(\".nilai-akhir\").textContent = formatIDR(Math.round(budget * Math.pow(1+r, tenor)));\r\n                });\r\n\r\n                const cd = buildChartData(budget, tenor);\r\n                createOrUpdateChart(cd.labels, cd.datasets);\r\n\r\n                updateGramDisplay();\r\n            }\r\n\r\n            tenorButtons.forEach(btn=>{\r\n                btn.addEventListener(\"click\", function(){\r\n                    tenorButtons.forEach(b=>b.style.background=\"#f9f9f9\");\r\n                    this.style.background=\"#e0a959\";\r\n                    tenor = Number(this.dataset.tenor);\r\n                    updateAll();\r\n                });\r\n            });\r\n\r\n            sumberButtons.forEach(btn=>{\r\n                btn.addEventListener(\"click\", function(){\r\n                    sumberButtons.forEach(b=>b.style.background=\"#f9f9f9\");\r\n                    this.style.background=\"#e0a959\";\r\n                    sumber = this.dataset.sumber;\r\n                    refreshHargaDisplay();\r\n                    updateAll();\r\n                });\r\n            });\r\n\r\n            refreshHargaDisplay();\r\n            updateAll();\r\n            updateGramDisplay();\r\n        });\r\n    })();\r\n    <\/script><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d64b386 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"d64b386\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"simulasi-emas\"><div class=\"simulasi-header\" style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;\"><h3>Simulasi Perhitungan<\/h3><select id=\"sumber-harga\">\r\n                  <option value=\"butik\">Butik LM<\/option>\r\n                  <option value=\"pegadaian\">Pegadaian<\/option>\r\n                <\/select><\/div><table class=\"simulasi-table\"><tbody><tr data-gram=\"0,5\" data-harga-butik=\"1449500\" data-harga-pegadaian=\"1508000\"><td>0,5 gram<\/td><td class=\"harga-display\">Rp 1.449.500<\/td><td>\r\n              <button class=\"btn-minus\">\u2212<\/button>\r\n              <span class=\"qty\">0<\/span>\r\n              <button class=\"btn-plus\">+<\/button>\r\n            <\/td><\/tr><tr data-gram=\"1\" data-harga-butik=\"2799000\" data-harga-pegadaian=\"2911000\"><td>1 gram<\/td><td class=\"harga-display\">Rp 2.799.000<\/td><td>\r\n              <button class=\"btn-minus\">\u2212<\/button>\r\n              <span class=\"qty\">0<\/span>\r\n              <button class=\"btn-plus\">+<\/button>\r\n            <\/td><\/tr><tr data-gram=\"2\" data-harga-butik=\"5538000\" data-harga-pegadaian=\"5760000\"><td>2 gram<\/td><td class=\"harga-display\">Rp 5.538.000<\/td><td>\r\n              <button class=\"btn-minus\">\u2212<\/button>\r\n              <span class=\"qty\">0<\/span>\r\n              <button class=\"btn-plus\">+<\/button>\r\n            <\/td><\/tr><tr data-gram=\"3\" data-harga-butik=\"8282000\" data-harga-pegadaian=\"8614000\"><td>3 gram<\/td><td class=\"harga-display\">Rp 8.282.000<\/td><td>\r\n              <button class=\"btn-minus\">\u2212<\/button>\r\n              <span class=\"qty\">0<\/span>\r\n              <button class=\"btn-plus\">+<\/button>\r\n            <\/td><\/tr><tr data-gram=\"5\" data-harga-butik=\"13770000\" data-harga-pegadaian=\"14321000\"><td>5 gram<\/td><td class=\"harga-display\">Rp 13.770.000<\/td><td>\r\n              <button class=\"btn-minus\">\u2212<\/button>\r\n              <span class=\"qty\">0<\/span>\r\n              <button class=\"btn-plus\">+<\/button>\r\n            <\/td><\/tr><tr data-gram=\"10\" data-harga-butik=\"27485000\" data-harga-pegadaian=\"28585000\"><td>10 gram<\/td><td class=\"harga-display\">Rp 27.485.000<\/td><td>\r\n              <button class=\"btn-minus\">\u2212<\/button>\r\n              <span class=\"qty\">0<\/span>\r\n              <button class=\"btn-plus\">+<\/button>\r\n            <\/td><\/tr><tr data-gram=\"25\" data-harga-butik=\"68587000\" data-harga-pegadaian=\"71331000\"><td>25 gram<\/td><td class=\"harga-display\">Rp 68.587.000<\/td><td>\r\n              <button class=\"btn-minus\">\u2212<\/button>\r\n              <span class=\"qty\">0<\/span>\r\n              <button class=\"btn-plus\">+<\/button>\r\n            <\/td><\/tr><tr data-gram=\"50\" data-harga-butik=\"137095000\" data-harga-pegadaian=\"142579000\"><td>50 gram<\/td><td class=\"harga-display\">Rp 137.095.000<\/td><td>\r\n              <button class=\"btn-minus\">\u2212<\/button>\r\n              <span class=\"qty\">0<\/span>\r\n              <button class=\"btn-plus\">+<\/button>\r\n            <\/td><\/tr><tr data-gram=\"100\" data-harga-butik=\"274112000\" data-harga-pegadaian=\"285077000\"><td>100 gram<\/td><td class=\"harga-display\">Rp 274.112.000<\/td><td>\r\n              <button class=\"btn-minus\">\u2212<\/button>\r\n              <span class=\"qty\">0<\/span>\r\n              <button class=\"btn-plus\">+<\/button>\r\n            <\/td><\/tr><tr data-gram=\"250\" data-harga-butik=\"685015000\" data-harga-pegadaian=\"0\"><td>250 gram<\/td><td class=\"harga-display\">Rp 685.015.000<\/td><td>\r\n              <button class=\"btn-minus\">\u2212<\/button>\r\n              <span class=\"qty\">0<\/span>\r\n              <button class=\"btn-plus\">+<\/button>\r\n            <\/td><\/tr><tr data-gram=\"500\" data-harga-butik=\"1369820000\" data-harga-pegadaian=\"0\"><td>500 gram<\/td><td class=\"harga-display\">Rp 1.369.820.000<\/td><td>\r\n              <button class=\"btn-minus\">\u2212<\/button>\r\n              <span class=\"qty\">0<\/span>\r\n              <button class=\"btn-plus\">+<\/button>\r\n            <\/td><\/tr><tr data-gram=\"1000\" data-harga-butik=\"2739600000\" data-harga-pegadaian=\"0\"><td>1000 gram<\/td><td class=\"harga-display\">Rp 2.739.600.000<\/td><td>\r\n              <button class=\"btn-minus\">\u2212<\/button>\r\n              <span class=\"qty\">0<\/span>\r\n              <button class=\"btn-plus\">+<\/button>\r\n            <\/td><\/tr><\/tbody><\/table><div class=\"simulasi-footer\">\r\n  <button class=\"btn-reset\">\r\n    <img decoding=\"async\" src=\"https:\/\/evermos.com\/home\/wp-content\/uploads\/2025\/09\/reset.png\" alt=\"reset\" class=\"reset-icon\" title=\"\">\r\n    Reset\r\n  <\/button>\r\n  <div class=\"total\">\r\n    <div>Total Gram: <span id=\"total-gram\" class=\"highlight\">0 gram<\/span><\/div>\r\n    <div>Total: Rp <span id=\"total-harga\" class=\"highlight-price\">0<\/span><\/div>\r\n  <\/div>\r\n<\/div>\r\n                <\/div><\/div><style>\r\n        .simulasi-emas { margin-top:25px; }\r\n        .simulasi-table { width:100%; border-collapse:collapse; }\r\n        .simulasi-table td { padding:10px; border-bottom:1px solid #ddd; }\r\n        .btn-minus, .btn-plus {\r\n            width: 32px;\r\n            height: 32px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 50%;\r\n            background-color: #fff;\r\n            cursor: pointer;\r\n            padding: 0;\r\n        }\r\n        .btn-reset {\r\n            padding:8px 14px; \r\n            border:1px solid #333; \r\n            background:#fff; \r\n            cursor:pointer;\r\n            border-radius:5px; \r\n            font-weight:600;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n        .btn-reset .reset-icon { width:16px; height:16px; }\r\n        .highlight { color:#e0a959; font-weight:700; }\r\n        .highlight-price { color:#e0a959; font-weight:700; }\r\n        .qty { display:inline-block; min-width:20px; text-align:center; margin:0 8px; }\r\n        .simulasi-footer { display:flex; justify-content:space-between; align-items:center; margin-top:15px; }\r\n        .total { font-weight:bold; }\r\n\t\t\r\n\t\t@media (max-width: 768px) {\r\n          .simulasi-footer {\r\n            position: fixed;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: #fff;\r\n            padding: 12px 15px;\r\n            border-top: 1px solid #ddd;\r\n            box-shadow: 0 -2px 6px rgba(0,0,0,0.1);\r\n            z-index: 999;\r\n          }\r\n\r\n          .simulasi-emas {\r\n            padding-bottom: 70px; \r\n          }\r\n\r\n          .simulasi-footer .btn-reset {\r\n            flex: 0 0 auto;\r\n          }\r\n\r\n          .simulasi-footer .total {\r\n            flex: 1;\r\n            text-align: right;\r\n          }\r\n        }\r\n    <\/style><script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n      const rows = document.querySelectorAll(\".simulasi-table tr\");\r\n      const totalGramEl = document.getElementById(\"total-gram\");\r\n      const totalHargaEl = document.getElementById(\"total-harga\");\r\n      const resetBtn = document.querySelector(\".btn-reset\");\r\n      const sumberSelect = document.getElementById(\"sumber-harga\");\r\n      let totalGram = 0, totalHarga = 0;\r\n\r\n      function updateTotal() {\r\n        totalGramEl.textContent = totalGram + \" gram\";\r\n        totalHargaEl.textContent = totalHarga.toLocaleString(\"id-ID\");\r\n      }\r\n\r\n      function getHarga(row) {\r\n        return sumberSelect.value === \"butik\" \r\n          ? parseInt(row.dataset.hargaButik)\r\n          : parseInt(row.dataset.hargaPegadaian);\r\n      }\r\n\r\n      rows.forEach(row => {\r\n        const gram = parseFloat(row.dataset.gram);\r\n        const minusBtn = row.querySelector(\".btn-minus\");\r\n        const plusBtn = row.querySelector(\".btn-plus\");\r\n        const qtyEl = row.querySelector(\".qty\");\r\n        const hargaCell = row.querySelector(\".harga-display\");\r\n        let qty = 0;\r\n\r\n        function refreshHarga() {\r\n          const harga = getHarga(row);\r\n          hargaCell.textContent = \"Rp \" + harga.toLocaleString(\"id-ID\");\r\n        }\r\n        refreshHarga();\r\n\r\n        plusBtn.addEventListener(\"click\", () => {\r\n          const harga = getHarga(row);\r\n          qty++;\r\n          qtyEl.textContent = qty;\r\n          totalGram += gram;\r\n          totalHarga += harga;\r\n          updateTotal();\r\n        });\r\n\r\n        minusBtn.addEventListener(\"click\", () => {\r\n          if (qty > 0) {\r\n            const harga = getHarga(row);\r\n            qty--;\r\n            qtyEl.textContent = qty;\r\n            totalGram -= gram;\r\n            totalHarga -= harga;\r\n            updateTotal();\r\n          }\r\n        });\r\n\r\n        sumberSelect.addEventListener(\"change\", () => {\r\n          refreshHarga();\r\n          qty = 0;\r\n          qtyEl.textContent = 0;\r\n          totalGram = 0;\r\n          totalHarga = 0;\r\n          updateTotal();\r\n        });\r\n      });\r\n\r\n      resetBtn.addEventListener(\"click\", () => {\r\n        rows.forEach(row => row.querySelector(\".qty\").textContent = 0);\r\n        totalGram = 0; totalHarga = 0; updateTotal();\r\n      });\r\n\r\n      updateTotal();\r\n    });\r\n    <\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-103194","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/evermos.com\/home\/wp-json\/wp\/v2\/pages\/103194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/evermos.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/evermos.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/evermos.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evermos.com\/home\/wp-json\/wp\/v2\/comments?post=103194"}],"version-history":[{"count":147,"href":"https:\/\/evermos.com\/home\/wp-json\/wp\/v2\/pages\/103194\/revisions"}],"predecessor-version":[{"id":106096,"href":"https:\/\/evermos.com\/home\/wp-json\/wp\/v2\/pages\/103194\/revisions\/106096"}],"wp:attachment":[{"href":"https:\/\/evermos.com\/home\/wp-json\/wp\/v2\/media?parent=103194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evermos.com\/home\/wp-json\/wp\/v2\/categories?post=103194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evermos.com\/home\/wp-json\/wp\/v2\/tags?post=103194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}