Simulasi Simpanan Berjangka<\/title>\n \n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 10px;\n background-color: #f4f4f4;\n color: #333;\n }\n\n h3 {\n text-align: center;\nmargin-top:15px;\n\n }\n .form-group {\n margin-bottom: 20px;\n }\n label {\n display: block;\n margin-bottom: 8px;\n font-weight: bold;\n }\n input[type=\"text\"], \/* Ganti type=\"number\" menjadi type=\"text\" *\/\n select {\n width: calc(100% - 22px);\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 16px;\n }\n input[type=\"text\"]:focus, \/* Ganti type=\"number\" menjadi type=\"text\" *\/\n select:focus {\n \n border-color: #007bff;\n box-shadow: 0 0 5px rgba(0, 123, 255, 0.2);\n }\n .result {\n margin-top: 20px;\n padding: 8px;\n background-color: #fff6ea;\n border-radius: 6px;\n border: 1px solid #ced4da;\n font-size: 17px;\n font-weight: bold;\n text-align: center;\n }\n .info-text {\n font-size: 14px;\n color: #666;\n margin-top: 10px;\n text-align: center;\n }\n.btn.btn-secondary2 {\n background: #90b8ff;\n border-radius: 10px;\n}\n.site-content-block .main-content {\n background-color: #cfcfcf;\n}\ndiv#uangDiterima {\n font-size: 25px;\n color: green;\n}\n <\/style>\n<\/head>\n<body>\n <div class=\"\">\n<span class=\"btn btn-secondary2\"><a href=\"https:\/\/kopjasapandawa.elbeje.com\/sys\/simpanan-berjangka\/\" ><small style=\"color:black\">\n< KEMBALI<\/small><\/a><\/span>\n<h3>Simulasi Simpanan Berjangka<\/h3>\n<center><small>Akad Wakalah – Segmentasi Murobahah<\/small><\/center>\n<hr>\n <div class=\"form-group\">\n <label for=\"besarSimpanan\"> Besar Simpanan (Rp)<\/label>\n <input type=\"text\" id=\"besarSimpanan\" oninput=\"formatInputRupiah(this)\" placeholder=\"Masukkan jumlah simpanan\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"jangkaWaktu\"> Pilih Jangka Waktu<\/label>\n <select id=\"jangkaWaktu\" onchange=\"hitungUangDiterima()\">\n <option value=\"3\">3 Bulan<\/option>\n <option value=\"6\">6 Bulan<\/option>\n <option value=\"12\" selected>12 Bulan<\/option>\n <\/select>\n <\/div>\n\n <div class=\"result\">\n<p>Total dana yang diterima: <div id=\"uangDiterima\"><u>“+”<\/u><Rp 0<\/div><\/p>\n<\/div><\/div>\n<p class=\"info-text\">*Bagi hasil 60% dari keuntungan <br>\nSetara <u>+<\/u> 12% per tahun<\/p>\n<\/div>\n\n\n <script>\n \/\/ Bunga flat 1% per bulan (0.01)\n const bungaPerBulan = 0.01;\n\n \/\/ Fungsi untuk memformat input saat pengguna mengetik (format Indonesia)\n function formatInputRupiah(input) {\n let value = input.value;\n\n \/\/ Hapus semua karakter selain angka dan koma\n value = value.replace(\/[^0-9,]\/g, '');\n\n \/\/ Jika ada koma, pastikan hanya satu koma dan ada angka setelahnya\n const parts = value.split(',');\n if (parts.length > 2) {\n value = parts[0] + ',' + parts.slice(1).join('');\n }\n\n \/\/ Hapus titik yang sudah ada (dari penulisan sebelumnya)\n value = value.replace(\/\\.\/g, '');\n\n \/\/ Format ribuan dengan titik\n let integerPart = parts[0];\n let decimalPart = parts[1] ? ',' + parts[1] : '';\n\n \/\/ Pisahkan bagian angka dan terapkan titik pemisah ribuan\n integerPart = integerPart.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, '.');\n\n input.value = integerPart + decimalPart;\n hitungUangDiterima(); \/\/ Panggil fungsi hitung setelah input diformat\n }\n\n function hitungUangDiterima() {\n const besarSimpananInput = document.getElementById('besarSimpanan');\n const jangkaWaktuSelect = document.getElementById('jangkaWaktu');\n const uangDiterimaSpan = document.getElementById('uangDiterima');\n\n \/\/ Ambil nilai input, ganti koma dengan titik untuk parsing float\n const rawValue = besarSimpananInput.value.replace(\/\\.\/g, '').replace(',', '.');\n const besarSimpanan = parseFloat(rawValue);\n const jangkaWaktu = parseInt(jangkaWaktuSelect.value);\n\n if (isNaN(besarSimpanan) || besarSimpanan <= 0) {\n uangDiterimaSpan.textContent = 'Rp 0';\n return;\n }\n\n \/\/ Hitung total bunga\n const totalBunga = besarSimpanan * bungaPerBulan * jangkaWaktu;\n\n \/\/ Hitung uang yang diterima\n const uangDiterima = besarSimpanan + totalBunga;\n\n \/\/ Tampilkan hasil dalam format mata uang Indonesia\n uangDiterimaSpan.textContent = formatRupiahIndonesia(uangDiterima);\n }\n\n \/\/ Fungsi untuk memformat angka menjadi format Rupiah Indonesia (titik sebagai pemisah ribuan, koma sebagai desimal)\n function formatRupiahIndonesia(angka) {\n return new Intl.NumberFormat('id-ID', {\n style: 'currency',\n currency: 'IDR',\n minimumFractionDigits: 0, \/\/ Atur ke 0 jika tidak ingin ada desimal secara default\n maximumFractionDigits: 2 \/\/ Maksimal 2 angka di belakang koma\n }).format(angka);\n }\n\n \/\/ Panggil fungsi pertama kali saat halaman dimuat untuk inisialisasi\n document.addEventListener('DOMContentLoaded', () => {\n hitungUangDiterima();\n });\n <\/script>\n<\/body>\n\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Simulasi Simpanan Berjangka < KEMBALI Simulasi Simpanan Berjangka Akad Wakalah – Segmentasi Murobahah Besar Simpanan (Rp) Pilih Jangka Waktu 3 Bulan6 Bulan12 Bulan Total dana yang diterima: “+”\n<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_rtcl_gb_attr":"","footnotes":""},"class_list":["post-3364","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/pages\/3364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/comments?post=3364"}],"version-history":[{"count":0,"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/pages\/3364\/revisions"}],"wp:attachment":[{"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/media?parent=3364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3364,"date":"2025-07-16T18:45:55","date_gmt":"2025-07-16T11:45:55","guid":{"rendered":"https:\/\/kopdes.elbeje.com\/?page_id=3364"},"modified":"2025-07-21T01:55:23","modified_gmt":"2025-07-20T18:55:23","slug":"simulasi-simka","status":"publish","type":"page","link":"https:\/\/pandawamajubersama.com\/sys\/simulasi-simka\/","title":{"rendered":"Simulasi SIMKA"},"content":{"rendered":"\n\n\n \n \n Simulasi Simpanan Berjangka<\/title>\n \n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 10px;\n background-color: #f4f4f4;\n color: #333;\n }\n\n h3 {\n text-align: center;\nmargin-top:15px;\n\n }\n .form-group {\n margin-bottom: 20px;\n }\n label {\n display: block;\n margin-bottom: 8px;\n font-weight: bold;\n }\n input[type=\"text\"], \/* Ganti type=\"number\" menjadi type=\"text\" *\/\n select {\n width: calc(100% - 22px);\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 16px;\n }\n input[type=\"text\"]:focus, \/* Ganti type=\"number\" menjadi type=\"text\" *\/\n select:focus {\n \n border-color: #007bff;\n box-shadow: 0 0 5px rgba(0, 123, 255, 0.2);\n }\n .result {\n margin-top: 20px;\n padding: 8px;\n background-color: #fff6ea;\n border-radius: 6px;\n border: 1px solid #ced4da;\n font-size: 17px;\n font-weight: bold;\n text-align: center;\n }\n .info-text {\n font-size: 14px;\n color: #666;\n margin-top: 10px;\n text-align: center;\n }\n.btn.btn-secondary2 {\n background: #90b8ff;\n border-radius: 10px;\n}\n.site-content-block .main-content {\n background-color: #cfcfcf;\n}\ndiv#uangDiterima {\n font-size: 25px;\n color: green;\n}\n <\/style>\n<\/head>\n<body>\n <div class=\"\">\n<span class=\"btn btn-secondary2\"><a href=\"https:\/\/kopjasapandawa.elbeje.com\/sys\/simpanan-berjangka\/\" ><small style=\"color:black\">\n< KEMBALI<\/small><\/a><\/span>\n<h3>Simulasi Simpanan Berjangka<\/h3>\n<center><small>Akad Wakalah – Segmentasi Murobahah<\/small><\/center>\n<hr>\n <div class=\"form-group\">\n <label for=\"besarSimpanan\"> Besar Simpanan (Rp)<\/label>\n <input type=\"text\" id=\"besarSimpanan\" oninput=\"formatInputRupiah(this)\" placeholder=\"Masukkan jumlah simpanan\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"jangkaWaktu\"> Pilih Jangka Waktu<\/label>\n <select id=\"jangkaWaktu\" onchange=\"hitungUangDiterima()\">\n <option value=\"3\">3 Bulan<\/option>\n <option value=\"6\">6 Bulan<\/option>\n <option value=\"12\" selected>12 Bulan<\/option>\n <\/select>\n <\/div>\n\n <div class=\"result\">\n<p>Total dana yang diterima: <div id=\"uangDiterima\"><u>“+”<\/u><Rp 0<\/div><\/p>\n<\/div><\/div>\n<p class=\"info-text\">*Bagi hasil 60% dari keuntungan <br>\nSetara <u>+<\/u> 12% per tahun<\/p>\n<\/div>\n\n\n <script>\n \/\/ Bunga flat 1% per bulan (0.01)\n const bungaPerBulan = 0.01;\n\n \/\/ Fungsi untuk memformat input saat pengguna mengetik (format Indonesia)\n function formatInputRupiah(input) {\n let value = input.value;\n\n \/\/ Hapus semua karakter selain angka dan koma\n value = value.replace(\/[^0-9,]\/g, '');\n\n \/\/ Jika ada koma, pastikan hanya satu koma dan ada angka setelahnya\n const parts = value.split(',');\n if (parts.length > 2) {\n value = parts[0] + ',' + parts.slice(1).join('');\n }\n\n \/\/ Hapus titik yang sudah ada (dari penulisan sebelumnya)\n value = value.replace(\/\\.\/g, '');\n\n \/\/ Format ribuan dengan titik\n let integerPart = parts[0];\n let decimalPart = parts[1] ? ',' + parts[1] : '';\n\n \/\/ Pisahkan bagian angka dan terapkan titik pemisah ribuan\n integerPart = integerPart.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, '.');\n\n input.value = integerPart + decimalPart;\n hitungUangDiterima(); \/\/ Panggil fungsi hitung setelah input diformat\n }\n\n function hitungUangDiterima() {\n const besarSimpananInput = document.getElementById('besarSimpanan');\n const jangkaWaktuSelect = document.getElementById('jangkaWaktu');\n const uangDiterimaSpan = document.getElementById('uangDiterima');\n\n \/\/ Ambil nilai input, ganti koma dengan titik untuk parsing float\n const rawValue = besarSimpananInput.value.replace(\/\\.\/g, '').replace(',', '.');\n const besarSimpanan = parseFloat(rawValue);\n const jangkaWaktu = parseInt(jangkaWaktuSelect.value);\n\n if (isNaN(besarSimpanan) || besarSimpanan <= 0) {\n uangDiterimaSpan.textContent = 'Rp 0';\n return;\n }\n\n \/\/ Hitung total bunga\n const totalBunga = besarSimpanan * bungaPerBulan * jangkaWaktu;\n\n \/\/ Hitung uang yang diterima\n const uangDiterima = besarSimpanan + totalBunga;\n\n \/\/ Tampilkan hasil dalam format mata uang Indonesia\n uangDiterimaSpan.textContent = formatRupiahIndonesia(uangDiterima);\n }\n\n \/\/ Fungsi untuk memformat angka menjadi format Rupiah Indonesia (titik sebagai pemisah ribuan, koma sebagai desimal)\n function formatRupiahIndonesia(angka) {\n return new Intl.NumberFormat('id-ID', {\n style: 'currency',\n currency: 'IDR',\n minimumFractionDigits: 0, \/\/ Atur ke 0 jika tidak ingin ada desimal secara default\n maximumFractionDigits: 2 \/\/ Maksimal 2 angka di belakang koma\n }).format(angka);\n }\n\n \/\/ Panggil fungsi pertama kali saat halaman dimuat untuk inisialisasi\n document.addEventListener('DOMContentLoaded', () => {\n hitungUangDiterima();\n });\n <\/script>\n<\/body>\n\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Simulasi Simpanan Berjangka < KEMBALI Simulasi Simpanan Berjangka Akad Wakalah – Segmentasi Murobahah Besar Simpanan (Rp) Pilih Jangka Waktu 3 Bulan6 Bulan12 Bulan Total dana yang diterima: “+”\n<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_rtcl_gb_attr":"","footnotes":""},"class_list":["post-3364","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/pages\/3364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/comments?post=3364"}],"version-history":[{"count":0,"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/pages\/3364\/revisions"}],"wp:attachment":[{"href":"https:\/\/pandawamajubersama.com\/sys\/wp-json\/wp\/v2\/media?parent=3364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}