Kalkulator Zakat Penghasilan<\/title>\n\n<style>\nbody {\n font-family: 'Segoe UI', sans-serif;\n background: linear-gradient(135deg, #FFFFFF, #FFFFFF);\n padding: 40px 15px;\n}\n\n.card {\n max-width: 720px;\n margin: auto;\n background: white;\n padding: 35px;\n border-radius: 18px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n}\n\n.logo {\n display: block;\n margin: 0 auto 20px auto;\n max-width: 200px;\n}\n\nh2 {\n text-align: center;\n color: #EE8522;\n margin-bottom: 25px;\n}\n\nlabel {\n font-weight: 600;\n margin-top: 18px;\n display: block;\n}\n\n.input-group {\n position: relative;\n}\n\n.input-group span {\n position: absolute;\n left: 12px;\n top: 12px;\n color: #999;\n}\n\ninput {\n width: 100%;\n padding: 12px 12px 12px 35px;\n margin-top: 6px;\n border-radius: 10px;\n border: 1px solid #ddd;\n font-size: 15px;\n}\n\nbutton {\n width: 100%;\n padding: 14px;\n margin-top: 25px;\n background: #EE8522;\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 16px;\n cursor: pointer;\n transition: 0.3s;\n}\n\nbutton:hover {\n background: #d46f15;\n}\n\n.result {\n margin-top: 30px;\n padding: 20px;\n border-radius: 14px;\n display: none;\n animation: fadeIn 0.5s ease-in-out;\n}\n\n.wajib {\n background: #fff4e8;\n border-left: 6px solid #EE8522;\n}\n\n.belum {\n background: #f8f9fa;\n border-left: 6px solid #999;\n}\n\n.highlight {\n font-size: 20px;\n font-weight: bold;\n margin-top: 10px;\n color: #EE8522;\n}\n\n.nisab-box {\n background: #fff4e8;\n padding: 12px;\n border-radius: 8px;\n margin-bottom: 15px;\n font-size: 14px;\n}\n\n.donasi-btn {\n display: block;\n text-align: center;\n margin-top: 15px;\n padding: 12px;\n background: #EE8522;\n color: white;\n text-decoration: none;\n border-radius: 8px;\n font-weight: bold;\n transition: 0.3s;\n}\n\n.donasi-btn:hover {\n background: #d46f15;\n}\n\n@keyframes fadeIn {\n from {opacity:0; transform: translateY(10px);}\n to {opacity:1; transform: translateY(0);}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n\n<img decoding=\"async\" src=\"Logo Lazismu.png\" class=\"logo\">\n\n\n<h2>Kalkulator Zakat Penghasilan<\/h2>\n\n<div class=\"nisab-box\">\nHarga emas per gram: <strong>Rp 2.893.630<\/strong><br>\nNishab (85 gram): <strong id=\"nisabDisplay\"><\/strong>\n<\/div>\n\n<label>Gaji per Bulan<\/label>\n<div class=\"input-group\">\n<span>Rp<\/span>\n<input type=\"text\" id=\"gaji\">\n<\/div>\n\n<label>Bonus \/ Penghasilan Lain<\/label>\n<div class=\"input-group\">\n<span>Rp<\/span>\n<input type=\"text\" id=\"bonus\">\n<\/div>\n\n<label>Pengeluaran \/ Hutang<\/label>\n<div class=\"input-group\">\n<span>Rp<\/span>\n<input type=\"text\" id=\"pengeluaran\">\n<\/div>\n\n<button onclick=\"hitungZakat()\">Hitung Zakat<\/button>\n\n<div id=\"hasil\" class=\"result\"><\/div>\n\n<\/div>\n\n<script>\nconst hargaEmas = 2893630;\nconst nisabTahunan = hargaEmas * 85;\nconst nisabBulanan = nisabTahunan \/ 12;\n\ndocument.getElementById(\"nisabDisplay\").innerText =\n formatRupiah(nisabTahunan) + \" \/ tahun (\" + formatRupiah(nisabBulanan) + \" \/ bulan)\";\n\nfunction formatRupiah(angka) {\n return \"Rp \" + angka.toLocaleString(\"id-ID\");\n}\n\nfunction cleanNumber(str) {\n return parseFloat(str.replace(\/\\.\/g,'')) || 0;\n}\n\nfunction formatInput(input) {\n input.addEventListener(\"keyup\", function() {\n let value = input.value.replace(\/\\D\/g, \"\");\n input.value = value.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \".\");\n });\n}\n\nformatInput(document.getElementById(\"gaji\"));\nformatInput(document.getElementById(\"bonus\"));\nformatInput(document.getElementById(\"pengeluaran\"));\n\nfunction hitungZakat() {\n\n let gaji = cleanNumber(document.getElementById(\"gaji\").value);\n let bonus = cleanNumber(document.getElementById(\"bonus\").value);\n let pengeluaran = cleanNumber(document.getElementById(\"pengeluaran\").value);\n\n let bruto = gaji + bonus;\n let neto = bruto - pengeluaran;\n\n let hasilBox = document.getElementById(\"hasil\");\n hasilBox.style.display = \"block\";\n\n if(neto >= nisabBulanan){\n let zakat = neto * 0.025;\n hasilBox.className = \"result wajib\";\n hasilBox.innerHTML = `\n <strong>\u2714 Sudah Wajib Zakat<\/strong><br>\n Penghasilan Bersih: ${formatRupiah(neto)}<br>\n <div class=\"highlight\">Zakat per Bulan: ${formatRupiah(zakat)}<\/div>\n <a href=\"https:\/\/donasi.lazismukotatasikmalaya.org\/donasi\/zakat-profesi\" \n class=\"donasi-btn\">\n Donasi Sekarang\n <\/a>\n `;\n } else {\n hasilBox.className = \"result belum\";\n hasilBox.innerHTML = `\n <strong>\u2718 Belum Mencapai Nishab<\/strong><br>\n Penghasilan Bersih: ${formatRupiah(neto)}<br>\n Nishab Bulanan: ${formatRupiah(nisabBulanan)}\n `;\n }\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Kalkulator Zakat Penghasilan Kalkulator Zakat Penghasilan Harga emas per gram: Rp 2.893.630 Nishab (85 gram): Gaji per Bulan Rp Bonus \/ Penghasilan Lain Rp Pengeluaran \/ Hutang Rp Hitung Zakat<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-1385","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=\/wp\/v2\/pages\/1385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1385"}],"version-history":[{"count":3,"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=\/wp\/v2\/pages\/1385\/revisions"}],"predecessor-version":[{"id":1388,"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=\/wp\/v2\/pages\/1385\/revisions\/1388"}],"wp:attachment":[{"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1385,"date":"2026-04-28T07:19:33","date_gmt":"2026-04-28T07:19:33","guid":{"rendered":"https:\/\/lazismukotatasikmalaya.org\/?page_id=1385"},"modified":"2026-04-28T07:23:50","modified_gmt":"2026-04-28T07:23:50","slug":"kalkulator-zakat","status":"publish","type":"page","link":"https:\/\/lazismukotatasikmalaya.org\/?page_id=1385","title":{"rendered":"KALKULATOR ZAKAT"},"content":{"rendered":"\n\n\n\n\n\nKalkulator Zakat Penghasilan<\/title>\n\n<style>\nbody {\n font-family: 'Segoe UI', sans-serif;\n background: linear-gradient(135deg, #FFFFFF, #FFFFFF);\n padding: 40px 15px;\n}\n\n.card {\n max-width: 720px;\n margin: auto;\n background: white;\n padding: 35px;\n border-radius: 18px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n}\n\n.logo {\n display: block;\n margin: 0 auto 20px auto;\n max-width: 200px;\n}\n\nh2 {\n text-align: center;\n color: #EE8522;\n margin-bottom: 25px;\n}\n\nlabel {\n font-weight: 600;\n margin-top: 18px;\n display: block;\n}\n\n.input-group {\n position: relative;\n}\n\n.input-group span {\n position: absolute;\n left: 12px;\n top: 12px;\n color: #999;\n}\n\ninput {\n width: 100%;\n padding: 12px 12px 12px 35px;\n margin-top: 6px;\n border-radius: 10px;\n border: 1px solid #ddd;\n font-size: 15px;\n}\n\nbutton {\n width: 100%;\n padding: 14px;\n margin-top: 25px;\n background: #EE8522;\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 16px;\n cursor: pointer;\n transition: 0.3s;\n}\n\nbutton:hover {\n background: #d46f15;\n}\n\n.result {\n margin-top: 30px;\n padding: 20px;\n border-radius: 14px;\n display: none;\n animation: fadeIn 0.5s ease-in-out;\n}\n\n.wajib {\n background: #fff4e8;\n border-left: 6px solid #EE8522;\n}\n\n.belum {\n background: #f8f9fa;\n border-left: 6px solid #999;\n}\n\n.highlight {\n font-size: 20px;\n font-weight: bold;\n margin-top: 10px;\n color: #EE8522;\n}\n\n.nisab-box {\n background: #fff4e8;\n padding: 12px;\n border-radius: 8px;\n margin-bottom: 15px;\n font-size: 14px;\n}\n\n.donasi-btn {\n display: block;\n text-align: center;\n margin-top: 15px;\n padding: 12px;\n background: #EE8522;\n color: white;\n text-decoration: none;\n border-radius: 8px;\n font-weight: bold;\n transition: 0.3s;\n}\n\n.donasi-btn:hover {\n background: #d46f15;\n}\n\n@keyframes fadeIn {\n from {opacity:0; transform: translateY(10px);}\n to {opacity:1; transform: translateY(0);}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n\n<img decoding=\"async\" src=\"Logo Lazismu.png\" class=\"logo\">\n\n\n<h2>Kalkulator Zakat Penghasilan<\/h2>\n\n<div class=\"nisab-box\">\nHarga emas per gram: <strong>Rp 2.893.630<\/strong><br>\nNishab (85 gram): <strong id=\"nisabDisplay\"><\/strong>\n<\/div>\n\n<label>Gaji per Bulan<\/label>\n<div class=\"input-group\">\n<span>Rp<\/span>\n<input type=\"text\" id=\"gaji\">\n<\/div>\n\n<label>Bonus \/ Penghasilan Lain<\/label>\n<div class=\"input-group\">\n<span>Rp<\/span>\n<input type=\"text\" id=\"bonus\">\n<\/div>\n\n<label>Pengeluaran \/ Hutang<\/label>\n<div class=\"input-group\">\n<span>Rp<\/span>\n<input type=\"text\" id=\"pengeluaran\">\n<\/div>\n\n<button onclick=\"hitungZakat()\">Hitung Zakat<\/button>\n\n<div id=\"hasil\" class=\"result\"><\/div>\n\n<\/div>\n\n<script>\nconst hargaEmas = 2893630;\nconst nisabTahunan = hargaEmas * 85;\nconst nisabBulanan = nisabTahunan \/ 12;\n\ndocument.getElementById(\"nisabDisplay\").innerText =\n formatRupiah(nisabTahunan) + \" \/ tahun (\" + formatRupiah(nisabBulanan) + \" \/ bulan)\";\n\nfunction formatRupiah(angka) {\n return \"Rp \" + angka.toLocaleString(\"id-ID\");\n}\n\nfunction cleanNumber(str) {\n return parseFloat(str.replace(\/\\.\/g,'')) || 0;\n}\n\nfunction formatInput(input) {\n input.addEventListener(\"keyup\", function() {\n let value = input.value.replace(\/\\D\/g, \"\");\n input.value = value.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \".\");\n });\n}\n\nformatInput(document.getElementById(\"gaji\"));\nformatInput(document.getElementById(\"bonus\"));\nformatInput(document.getElementById(\"pengeluaran\"));\n\nfunction hitungZakat() {\n\n let gaji = cleanNumber(document.getElementById(\"gaji\").value);\n let bonus = cleanNumber(document.getElementById(\"bonus\").value);\n let pengeluaran = cleanNumber(document.getElementById(\"pengeluaran\").value);\n\n let bruto = gaji + bonus;\n let neto = bruto - pengeluaran;\n\n let hasilBox = document.getElementById(\"hasil\");\n hasilBox.style.display = \"block\";\n\n if(neto >= nisabBulanan){\n let zakat = neto * 0.025;\n hasilBox.className = \"result wajib\";\n hasilBox.innerHTML = `\n <strong>\u2714 Sudah Wajib Zakat<\/strong><br>\n Penghasilan Bersih: ${formatRupiah(neto)}<br>\n <div class=\"highlight\">Zakat per Bulan: ${formatRupiah(zakat)}<\/div>\n <a href=\"https:\/\/donasi.lazismukotatasikmalaya.org\/donasi\/zakat-profesi\" \n class=\"donasi-btn\">\n Donasi Sekarang\n <\/a>\n `;\n } else {\n hasilBox.className = \"result belum\";\n hasilBox.innerHTML = `\n <strong>\u2718 Belum Mencapai Nishab<\/strong><br>\n Penghasilan Bersih: ${formatRupiah(neto)}<br>\n Nishab Bulanan: ${formatRupiah(nisabBulanan)}\n `;\n }\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Kalkulator Zakat Penghasilan Kalkulator Zakat Penghasilan Harga emas per gram: Rp 2.893.630 Nishab (85 gram): Gaji per Bulan Rp Bonus \/ Penghasilan Lain Rp Pengeluaran \/ Hutang Rp Hitung Zakat<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-1385","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=\/wp\/v2\/pages\/1385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1385"}],"version-history":[{"count":3,"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=\/wp\/v2\/pages\/1385\/revisions"}],"predecessor-version":[{"id":1388,"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=\/wp\/v2\/pages\/1385\/revisions\/1388"}],"wp:attachment":[{"href":"https:\/\/lazismukotatasikmalaya.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}