{"id":2406,"date":"2024-08-13T21:24:22","date_gmt":"2024-08-13T14:24:22","guid":{"rendered":"https:\/\/kokarga.com\/?page_id=2406"},"modified":"2024-08-14T16:15:48","modified_gmt":"2024-08-14T09:15:48","slug":"simulasi-simpanan","status":"publish","type":"page","link":"https:\/\/kokarga.com\/?page_id=2406","title":{"rendered":"Simulasi Simpanan"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/kokarga.com\/wp-content\/uploads\/2024\/08\/simpanan-cover.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"730\" src=\"https:\/\/kokarga.com\/wp-content\/uploads\/2024\/08\/simpanan-cover-1024x730.jpg\" alt=\"\" class=\"wp-image-2411\" srcset=\"https:\/\/kokarga.com\/wp-content\/uploads\/2024\/08\/simpanan-cover-1024x730.jpg 1024w, https:\/\/kokarga.com\/wp-content\/uploads\/2024\/08\/simpanan-cover-300x214.jpg 300w, https:\/\/kokarga.com\/wp-content\/uploads\/2024\/08\/simpanan-cover-768x547.jpg 768w, https:\/\/kokarga.com\/wp-content\/uploads\/2024\/08\/simpanan-cover-1536x1094.jpg 1536w, https:\/\/kokarga.com\/wp-content\/uploads\/2024\/08\/simpanan-cover.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"custom_page\">\n\t  <style>#judul_page{display:none;}<\/style>\n\t\t<h2 id=\"judul_halaman\" class=\"page-title\">Simulasi Simpanan<\/h2>\n\n<div class=\"col-span-12 lg:col-start-2 lg:col-end-12 text-center flex flex-col gap-y-4\">\n\t<p class=\"text-center text-balance max-w-5xl mx-auto\">\n\t\tSimulasi ini merupakan ilustrasi perhitungan simpanan, perhitungan sebenarnya mengikuti perhitungan di sistem Kokarga.\n\t<\/p>\n\n<div class=\"simulation\">\t\n\t<div class=\"slider_wrap\">\n\t\t<div class=\"label_simpanan\">Jumlah Simpanan:<\/div>\n\t\t<div id=\"react1\">\n\t\t\t<div class=\"relative flex gap-2 items-center\">\n\t\t\t\t<input type=\"range\" id=\"myRange\" step=\"1000000\" min=\"1000000\" max=\"1000000000\" value=\"0\" class=\"slider\"\/>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"nilai_slider\">\n\t\t\t<div class=\"h-full flex flex-col\">\n\t\t\t\t<div class=\"nilai_in2\">\n\t\t\t\t\t<div class=\"nilai_item\">\n\t\t\t\t\t\t<div class=\"rp\"><span>Rp<\/span><\/div>\n\t\t\t\t\t\t<input class=\"input_nilai rupiah\" type=\"text\" aria-label=\"Jumlah Simpanan\" id=\"input_simpanan\" max=\"1000000000\" value=\"0\"\/>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div class=\"slider_wrap\">\n\t\t<div class=\"label_simpanan\">Jangka Waktu:<\/div>\n\t\t<div id=\"react1\">\n\t\t\t<div class=\"relative flex gap-2 items-center\">\n\t\t\t\t<input type=\"range\" id=\"myRange2\" step=\"1\" min=\"0\" max=\"12\" value=\"3\" class=\"slider\"\/>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"nilai_slider\">\n\t\t\t<div class=\"h-full flex flex-col\">\n\t\t\t\t<div class=\"nilai_in2\">\n\t\t\t\t\t<div class=\"nilai_item\">\n\t\t\t\t\t\t<input class=\"input_nilai rupiah\" type=\"text\" aria-label=\"Jumlah Simpanan\" id=\"input_jangka\" min=\"0\" max=\"12\" value=\"3\"\/>\n\t\t\t\t\t\t<div class=\"bulan\"><span>bulan<\/span><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div class=\"slider_wrap grid grid-cols-12 items-center *:px-4 lg:px-4\">\n    <div class=\"col-span-12 wrap_bunga font-medium tracking-widest\">\n      <span class=\"percentage\">Persentase<\/span>\n\t\t\t<div class=\"flex\">\n\t\t\t\t<span id=\"bunga\" class=\"block text-3xl lg:text-[1.5625rem] font-normal\">7<\/span>\n\t\t\t\t<span class=\"font-normal\">% pertahun<\/span>\n\t\t\t<\/div>\t\n    <\/div>\n  <\/div>\n\t\n\t<div class=\"grid grid-cols-12 items-center *:px-8 *:px-4 *:py-6 bg-secondary last:border-b-0 divide-y lg:divide-y-0 lg:divide-x divide-black\/20\">\n    <div class=\"total_margin\">\n       Total Margin<span class=\"font-bold block text-2xl normal-case\">Rp <span id=\"hasil_margin\">0<\/span><\/span>\n    <\/div>\n    <div class=\"total_simpanan\">\n       Total Simpanan<span class=\"font-bold block text-2xl normal-case\">Rp <span id=\"hasil_simpanan\">0<\/span><\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n\t<div class=\"button_wrap space-y-4 lg:space-y-0 lg:space-x-6\">\n    <button id=\"btn_hitung\" class=\"btn_simulasi\" type=\"button\">Hitung Simulasi<\/button>\n    <button id=\"btn_clear\" class=\"btn_simulasi\" type=\"button\">Atur Ulang<\/button>\n\t<\/div>\n<\/div>\n\n<div height=\"0\" hidden=\"\">\n\t<script type=\"text\/javascript\">\n\tfunction clearText(field){\n    if (field.defaultValue == field.value) field.value = '';\n    else if (field.value == '') field.value = field.defaultValue;\n\t}\n\n\t$(function(){\n\t\t\/\/ Set up the number formatting.\n\t\t$('.rupiah').number( true, 0 );\n\t});\n\n\tvar slider = document.getElementById(\"myRange\");\n\tvar output = document.getElementById(\"input_simpanan\");\n\toutput.innerHTML = slider.value;\n\tslider.oninput = function() {\n\t\toutput.value = this.value;\n\t\t$('.rupiah').number( true, 0 );\n    var progress = (this.value \/ slider.max) * 100;\n\t\tslider.style.background = `linear-gradient(to right, #3445a2 ${progress}%, #d3d3d3 ${progress}%)`;\n\t}\n\t\n\tvar slider2 = document.getElementById(\"myRange2\");\n\tvar output2 = document.getElementById(\"input_jangka\");\n\toutput2.innerHTML = slider.value;\n\tvar progress = (3 \/ slider2.max) * 100; \/\/Default\n  slider2.style.background = `linear-gradient(to right, #3445a2 ${progress}%, #d3d3d3 ${progress}%)`;\n\t\t\n\tslider2.oninput = function() {\n\t\toutput2.value = this.value;\n\t\t$('.rupiah').number( true, 0 );\n\t\tvar nJw=this.value;\n\t\tif(nJw>0 && nJw<3) {\t\t\t\t\t\t\n\t\t\t$('#bunga').text(\"6,3\")\n\t\t}else if(nJw>2 && nJw<6) {\t\t\t\n\t\t\t$('#bunga').text(\"7\");\n\t\t}else if(nJw>5 && nJw<12) {\t\t\t\n\t\t\t$('#bunga').text(\"7,7\");\t\n\t\t}else if(nJw>11) {\t\t\t\n\t\t\t$('#bunga').text(\"8,3\");\t\t\t\n\t\t}else{\t\t\t\n\t\t\t$('#bunga').text(\"0\");\t\t\t\t\n\t\t}\n\t\tvar tempSliderValue = this.value; \n    var progress = (tempSliderValue \/ slider2.max) * 100;\n    slider2.style.background = `linear-gradient(to right, #3445a2 ${progress}%, #d3d3d3 ${progress}%)`;\t\n\t}\n\t\n$(document).ready(function(){\n\tfunction UangKeTeks(vnum) {\t\t\t\t\t\t\n\t\tif(vnum==\"\" || vnum==\"0\" || vnum==0){\n\t\t\treturn \"0\";\n\t\t}else{\n\t\t\tvar vUang=vnum.toFixed(0);\n\t\t\treturn vUang.toString().replace(\".\", \",\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \".\");\n\t\t}\t\t\t\t\n\t}\n\tfunction TeksKeUang(sText) {\t\t\t\t\t\t\n\t\tif(sText==\"\" || sText==\"0\" || sText==0 || sText==null){\n\t\t\treturn 0;\n\t\t}else{\n\t\t\treturn parseFloat(sText.replaceAll(\".\", \"\").replace(\",\", \".\"));\n\t\t}\t\t\t\n\t}\n\t$('#btn_hitung').click(function(){\n\t\tvar jmlSimpanan=TeksKeUang($('#input_simpanan').val());\n\t\tvar nJangka=TeksKeUang($('#input_jangka').val());\n\t\tvar nBunga=TeksKeUang($('#bunga').text());\n\t\tif(nBunga==0) {\n\t\t\t$('#hasil_margin').text(0);\n\t\t\t$('#hasil_simpanan').text(UangKeTeks(jmlSimpanan));\n\t\t}else{\t\t\t\n\t\t\tvar out_margin=(jmlSimpanan * (nBunga\/1200)) * nJangka;\n\t\t\tvar out_simpanan=jmlSimpanan + out_margin;\n\t\t\t$('#hasil_margin').text(UangKeTeks(out_margin));\n\t\t\t$('#hasil_simpanan').text(UangKeTeks(out_simpanan));\n\t\t}\t\n\t});\n\t\n\t$('#btn_clear').click(function(){\n\t\t$('#myRange').val(0);\n\t\t$('#myRange2').val(3);\n\t\t$('#input_simpanan').val(0);\n\t\t$('#input_jangka').val(3);\n\t\t$('#bunga').text(\"6,3\");\n\t\t$('#hasil_margin').text(\"0\");\n\t\t$('#hasil_simpanan').text(\"0\");\n\t\tvar progress = 0;\n\t\tslider.style.background = `linear-gradient(to right, #3445a2 ${progress}%, #d3d3d3 ${progress}%)`;\n\t\tprogress = (3 \/ slider2.max) * 100;\n    slider2.style.background = `linear-gradient(to right, #3445a2 ${progress}%, #d3d3d3 ${progress}%)`;\n\t});\n\t\/\/default:\n\t$('#myRange').val(0);\n\t$('#myRange2').val(3);\n\t$('#input_simpanan').val(0);\n\t$('#input_jangka').val(3);\n});\t\n<\/script>\n<\/div>\n\n<\/div> <!-- end of custom_page -->\n","protected":false},"excerpt":{"rendered":"<p>Simulasi Simpanan Simulasi ini merupakan ilustrasi perhitungan simpanan, perhitungan sebenarnya mengikuti perhitungan di sistem Kokarga. Jumlah Simpanan: Rp Jangka Waktu: bulan Persentase 7 % pertahun Total MarginRp 0 Total SimpananRp 0 Hitung Simulasi Atur Ulang<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"class_list":["post-2406","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kokarga.com\/index.php?rest_route=\/wp\/v2\/pages\/2406"}],"collection":[{"href":"https:\/\/kokarga.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kokarga.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kokarga.com\/index.php?rest_route=\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/kokarga.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2406"}],"version-history":[{"count":6,"href":"https:\/\/kokarga.com\/index.php?rest_route=\/wp\/v2\/pages\/2406\/revisions"}],"predecessor-version":[{"id":2416,"href":"https:\/\/kokarga.com\/index.php?rest_route=\/wp\/v2\/pages\/2406\/revisions\/2416"}],"wp:attachment":[{"href":"https:\/\/kokarga.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}