{"id":852,"date":"2022-09-14T11:13:09","date_gmt":"2022-09-14T04:13:09","guid":{"rendered":"https:\/\/smco.co.id\/?page_id=852"},"modified":"2022-10-13T17:46:55","modified_gmt":"2022-10-13T10:46:55","slug":"calculator-pph21","status":"publish","type":"page","link":"https:\/\/smco.co.id\/id\/calculator-pph21\/","title":{"rendered":"Kalkulator PPh 21"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"852\" class=\"elementor elementor-852\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-034a6e4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"034a6e4\" data-element_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-5669934\" data-id=\"5669934\" data-element_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-ce0b8b3 elementor-position-left elementor-vertical-align-middle elementor-mobile-position-left elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"ce0b8b3\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h6 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tTax Tool \t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h6>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5238e59 uael-dual-heading-align-left elementor-widget elementor-widget-uael-dual-color-heading\" data-id=\"5238e59\" data-element_type=\"widget\" data-widget_type=\"uael-dual-color-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-5238e59{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ee9ca9 uael-dual-heading-align-left elementor-widget elementor-widget-uael-dual-color-heading\" data-id=\"0ee9ca9\" data-element_type=\"widget\" data-widget_type=\"uael-dual-color-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"uael-module-content uael-dual-color-heading uael-heading-stack-none\">\n\t\t\t<h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"uael-before-heading\"><span class=\"elementor-inline-editing uael-dual-heading-text uael-first-text\" data-elementor-setting-key=\"before_heading_text\" data-elementor-inline-editing-toolbar=\"basic\">Kalkulator <\/span><\/span><span class=\"uael-adv-heading-stack\"><span class=\"elementor-inline-editing uael-dual-heading-text uael-highlight-text\" data-elementor-setting-key=\"second_heading_text\" data-elementor-inline-editing-toolbar=\"basic\">PPh21<\/span><\/span>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2f23ab elementor-widget elementor-widget-shortcode\" data-id=\"c2f23ab\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\r\n\t<div id=\"kalkulator-pph21\" class=\"kalkulator-smco\">\r\n\t\t<div class=\"kalkulator-column\">\r\n\t\t\t<h3 class=\"column-title\">Data Karyawan<\/h3>\r\n\t\t\t<div class=\"personal-info\">\r\n\t\t\t\t\r\n\t\t\t\t\t<h4 class=\"table-title\">Karyawan<\/h4>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<label for=\"npwp\">Punya NPWP?<\/label>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<select name=\"npwp\" id=\"npwp\">\r\n\t\t\t\t\t\t\t\t\t<option value=\"Ya\">Ya<\/option>\r\n\t\t\t\t\t\t\t\t\t<option value=\"Tidak\">Tidak<\/option>\r\n\t\t\t\t\t\t\t\t<\/select>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<label for=\"status-perkawinan\">Status Perkawinan<\/label>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<select name=\"status-perkawinan\" id=\"status-perkawinan\">\r\n\t\t\t\t\t\t\t\t\t<option value=\"54000000\">TK\/0<\/option>\r\n\t\t\t\t\t\t\t\t\t<option value=\"58500000\">TK\/1<\/option>\r\n\t\t\t\t\t\t\t\t\t<option value=\"63000000\">TK\/2<\/option>\r\n\t\t\t\t\t\t\t\t\t<option value=\"67500000\">TK\/3<\/option>\r\n\t\t\t\t\t\t\t\t\t<option value=\"58500000\">K\/0<\/option>\r\n\t\t\t\t\t\t\t\t\t<option value=\"63000000\">K\/1<\/option>\r\n\t\t\t\t\t\t\t\t\t<option value=\"67500000\">K\/2<\/option>\r\n\t\t\t\t\t\t\t\t\t<option value=\"72000000\">K\/3<\/option>\r\n\t\t\t\t\t\t\t\t<\/select>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<label for=\"ptkp\">Penghasilan Tidak Kena Pajak<\/label>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"ptkp\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<div class=\"bpjs-info-perusahaan\">\r\n\t\t\t\t<h4 class=\"table-title\">Tarif Tunjangan BPJS yang dibayar perusahaan<\/h4>\r\n\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t<div class=\"col-data\">BPJS TK Jaminan Kematian<\/div>\r\n\t\t\t\t\t\t<div class=\"col-data\">0.30%<\/div>\r\n\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t<input type=\"text\" id=\"bpjs-jk\" name=\"bpjs-jk\" readonly>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t<label for=\"bpjs-jkk\">BPJS TK Jaminan Kecelakaan Kerja<\/label>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t<select name=\"bpjs-jkk\" id=\"bpjs-jkk\">\r\n\t\t\t\t\t\t\t\t<option value=\"24\">0.24%<\/option>\r\n\t\t\t\t\t\t\t\t<option value=\"54\">0.54%<\/option>\r\n\t\t\t\t\t\t\t\t<option value=\"89\">0.89%<\/option>\r\n\t\t\t\t\t\t\t\t<option value=\"127\">1.27%<\/option>\r\n\t\t\t\t\t\t\t\t<option value=\"174\">1.74%<\/option>\r\n\t\t\t\t\t\t\t<\/select>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t<input type=\"text\" id=\"bpjs-jkk-value\" name=\"bpjs-jkk-value\" readonly>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t<div class=\"col-data\">BPJS TK Jaminan Hari Tua<\/div>\r\n\t\t\t\t\t\t<div class=\"col-data\">3.70%<\/div>\r\n\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t<input type=\"text\" id=\"bpjs-jht-perusahaan\" name=\"bpjs-jht-perusahaan\" readonly>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t<div class=\"col-data\">BPJS TK Jaminan Pensiun<\/div>\r\n\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-sub-data\">2%<\/div>\r\n\t\t\t\t\t\t\t<div class=\"additional-info\">*maks. upah Rp.9.077.600<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t<input type=\"text\" id=\"bpjs-jp-perusahaan\" name=\"bpjs-jp-perusahaan\" readonly>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t<div class=\"col-data\">BPJS Kesehatan<\/div>\r\n\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-sub-data\">4%<\/div>\r\n\t\t\t\t\t\t\t<div class=\"additional-info\">*maks. upah Rp.12.000.000<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t<input type=\"text\" id=\"bpjs-kesehatan-perusahaan\" name=\"bpjs-kesehatan-perusahaan\" readonly>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\t\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<div class=\"bpjs-info-karyawan\">\r\n\t\t\t\t\t<h4 class=\"table-title\">Tarif Potongan Premi BPJS & Kontribusi Pegawai<\/h4>\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">BPJS TK Jaminan Hari Tua<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">2%<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"bpjs-jht-karyawan\" name=\"bpjs-jht-karyawan\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">BPJS TK Jaminan Pensiun<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<div class=\"col-sub-data\">1%<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"additional-info\">*maks. upah Rp.9.077.600<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"bpjs-jp-karyawan\" name=\"bpjs-jp-karyawan\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">BPJS Kesehatan<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<div class=\"col-sub-data\">1%<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"additional-info\">*maks. upah Rp.12.000.000<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"bpjs-kesehatan-karyawan\" name=\"bpjs-kesehatan-karyawan\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\t\r\n\t\t\r\n\t\t<div class=\"kalkulator-column\">\r\n\t\t\t<h3 class=\"column-title\">Perhitungan PPh21<\/h3>\r\n\t\t\t<div class=\"tabel-perhitungan-penghasilan\">\r\n\t\t\t\t\r\n\t\t\t\t\t<h4 class=\"table-title\">Penghasilan<\/h4>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<label for=\"gaji-pokok\">Gaji Pokok<\/label>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"gaji-pokok\" name=\"gaji-pokok\" value=\"0\" pattern=\"[0-9]*\" inputmode=\"numeric\" onkeypress='validate(event)'>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<label for=\"tunjangan-tetap\">Tunjangan Tetap<\/label>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"tunjangan-tetap\" name=\"tunjangan-tetap\" value=\"0\" pattern=\"[0-9]*\" inputmode=\"numeric\" onkeypress='validate(event)'>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">Premi Asuransi yang dibayarkan Pemberi Kerja<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"premi-asuransi\" name=\"premi-asuransi\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data bold-text\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">Jumlah Penghasilan Bruto<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"penghasilan-bruto\" name=\"penghasilan-bruto\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"tabel-perhitungan-pengurang\">\r\n\t\t\t\t\r\n\t\t\t\t\t<h4 class=\"table-title\">Pengurang<\/h4>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">Biaya Jabatan<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"biaya-jabatan\" name=\"biaya-jabatan\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">Iuran Pensiun<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"iuran-pensiun\" name=\"iuran-pensiun\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data bold-text\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">Penghasilan Neto<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"penghasilan-neto\" name=\"penghasilan-neto\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">Penghasilan Neto disetahunkan<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"penghasilan-neto-setahun\" name=\"penghasilan-neto-setahun\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">Penghasilan Tidak Kena Pajak<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"ptkp-output\" name=\"ptkp-output\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">Penghasilan Kena Pajak<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"pkp-output\" name=\"pkp-output\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data bold-text\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">PPh 21 atas Gaji<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"pph21-gaji\" name=\"pph21-gaji\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row-data bold-text\">\r\n\t\t\t\t\t\t\t<div class=\"col-data\">Take Home Pay<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-data\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" id=\"take-home-pay\" name=\"take-home-pay\" readonly>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<script>\r\n\t\tlet statusPerkawinan = document.querySelector('#status-perkawinan');\r\n\t\tlet ptkp = document.querySelector('#ptkp');\r\n\t\t\r\n\t\tlet gajiPokok = document.querySelector('#gaji-pokok');\r\n\t\tlet tunjanganTetap = document.querySelector('#tunjangan-tetap');\r\n\t\t\/\/ let gajiTunjangan = parseInt(gajiPokok.value, 10) + parseInt(tunjanganTetap.value, 10);\r\n\t\t\r\n\t\t\/\/ BPJS variabel - DOM\r\n\t\tlet bpjsJK = document.querySelector('#bpjs-jk');\r\n\t\tlet bpjsJKK = document.querySelector('#bpjs-jkk');\r\n\t\tlet bpjsJKKValue = document.querySelector('#bpjs-jkk-value');\r\n\t\tlet bpjsJHTKaryawan = document.querySelector('#bpjs-jht-karyawan');\r\n\t\tlet bpjsJHTPerusahaan = document.querySelector('#bpjs-jht-perusahaan');\r\n\t\tlet bpjsJPKaryawan = document.querySelector('#bpjs-jp-karyawan');\r\n\t\tlet bpjsJPPerusahaan = document.querySelector('#bpjs-jp-perusahaan');\r\n\t\tlet bpjsKesehatanKaryawan = document.querySelector('#bpjs-kesehatan-karyawan');\r\n\t\tlet bpjsKesehatanPerusahaan = document.querySelector('#bpjs-kesehatan-perusahaan');\r\n\t\t\r\n\t\t\/\/ Tabel Perhitungan variabel - DOM\r\n\t\tlet premiAsuransi = document.querySelector('#premi-asuransi');\r\n\t\tlet penghasilanBruto = document.querySelector('#penghasilan-bruto');\r\n\t\tlet biayaJabatan = document.querySelector('#biaya-jabatan');\r\n\t\tlet iuranPensiun = document.querySelector('#iuran-pensiun');\r\n\t\tlet penghasilanNeto = document.querySelector('#penghasilan-neto');\r\n\t\tlet penghasilanNetoSetahun = document.querySelector('#penghasilan-neto-setahun');\r\n\t\tlet ptkpOutput = document.querySelector('#ptkp-output');\r\n\t\tlet pkpOutput = document.querySelector('#pkp-output');\r\n\t\tlet pph21Gaji = document.querySelector('#pph21-gaji');\r\n\t\tlet takeHomePay = document.querySelector('#take-home-pay');\r\n\t\t\r\n\t\t\/\/ Default Value\r\n\t\tlet valGajiPokok,\r\n\t\t\tvalTunjanganTetap,\r\n\t\t\tgajiTunjangan,\r\n\t\t\tvalPTKP,\r\n\t\t\tvalbpjsJK,\r\n\t\t\tvalbpjsJKKValue,\r\n\t\t\tvalbpjsJHTKaryawan,\r\n\t\t\tvalbpjsJHTPerusahaan = 0;\r\n\t\t\r\n\t\tlet valPremiAsuransi, \r\n\t\t\tvalPenghasilanBruto,\r\n\t\t\tvalBiayaJabatan,\r\n\t\t\tvalIuranPensiun,\r\n\t\t\tvalPenghasilanNeto,\r\n\t\t\tvalPenghasilanNetoSetahun,\r\n\t\t\tvalptkpOutput,\r\n\t\t\tvalpkpOutput,\r\n\t\t\tvalpph21Gaji,\r\n\t\t\tvalTakeHomePay = 0;\r\n\t\t\r\n\t\tcalculateAll();\r\n\t\tdisplayPerhitungan();\r\n\t\t\r\n\t\t\/\/ update value, on change\r\n\t\tdocument.querySelector('#kalkulator-pph21').addEventListener('change', () => {\r\n\t\t\t\tcalculateAll();\r\n\t\t\t\tdisplayPerhitungan();\r\n\t\t});\r\n\t\t\r\n\t\t\/\/ update value, on Enter\r\n\t\tdocument.querySelector('#kalkulator-pph21').addEventListener('keypress', (event) => {\r\n\t\t\tif (event.key === \"Enter\") {\r\n\t\t\t\tcalculateAll();\r\n\t\t\t\tdisplayPerhitungan();\r\n\t\t\t}\t\r\n\t\t});\r\n\t\t\r\n\t\tfunction calculateAll() {\r\n\t\t\t\/\/ gaji pokok + tunjangan\r\n\t\t\t\r\n\t\t\tgajiPokok.value = gajiPokok.value.replace(\/,\/g, '');\r\n\t\t\tvalGajiPokok = parseInt(gajiPokok.value, 10);\r\n\t\t\t\r\n\t\t\ttunjanganTetap.value = tunjanganTetap.value.replace(\/,\/g, '');\r\n\t\t\tvalTunjanganTetap = parseInt(tunjanganTetap.value, 10);\r\n\t\t\tgajiTunjangan = valGajiPokok + valTunjanganTetap;\r\n\t\t\t\r\n\t\t\tvalPTKP = parseInt(statusPerkawinan.value, 10);\r\n\t\t\t\r\n\t\t\t\/\/ BPJS\r\n\t\t\tvalbpjsJK = 3 \/ 1000 * gajiTunjangan;\r\n\t\t\tvalbpjsJKKValue = Math.ceil( parseInt(bpjsJKK.value, 10) \/ 10000 * gajiTunjangan );\r\n\t\t\t\r\n\t\t\tvalbpjsJHTKaryawan = 2 \/ 100 * gajiTunjangan;\r\n\t\t\tvalbpjsJHTPerusahaan = 37 \/ 1000 * gajiTunjangan;\r\n\t\t\t\r\n\t\t\tif (gajiTunjangan >= 9077600) {\r\n\t\t\t\tvalbpjsJPKaryawan = 1 \/ 100 * 9077600;\r\n\t\t\t} else valbpjsJPKaryawan = 1 \/ 100 * gajiTunjangan;\r\n\t\t\t\r\n\t\t\tif (gajiTunjangan >= 9077600) {\r\n\t\t\t\tvalbpjsJPPerusahaan = 2 \/ 100 * 9077600;\r\n\t\t\t} else valbpjsJPPerusahaan = 2 \/ 100 * gajiTunjangan;\r\n\t\t\t\r\n\t\t\tif (gajiTunjangan >= 12000000) {\r\n\t\t\t\tvalbpjsKesehatanKaryawan = 1 \/ 100 * 12000000;\r\n\t\t\t} else valbpjsKesehatanKaryawan = 1 \/ 100 * gajiTunjangan;\r\n\t\t\t\r\n\t\t\tif (gajiTunjangan >= 12000000) {\r\n\t\t\t\tvalbpjsKesehatanPerusahaan = 4 \/ 100 * 12000000;\r\n\t\t\t} else valbpjsKesehatanPerusahaan = 4 \/ 100 * gajiTunjangan;\r\n\t\t\t\r\n\t\t\t\/\/ tabel perhitungan\r\n\t\t\tvalPremiAsuransi = valbpjsJK + valbpjsJKKValue + valbpjsKesehatanPerusahaan;\r\n\t\t\tvalPenghasilanBruto = gajiTunjangan + valPremiAsuransi;\r\n\t\t\t\r\n\t\t\tif (valPenghasilanBruto >= 10000000) {\r\n\t\t\t\tvalBiayaJabatan = 5 \/ 100 * 10000000;\r\n\t\t\t} else valBiayaJabatan = 5 \/ 100 * valPenghasilanBruto;\r\n\t\t\r\n\t\t\tvalIuranPensiun = valbpjsJHTKaryawan + valbpjsJPKaryawan;\r\n\t\t\tvalPenghasilanNeto = valPenghasilanBruto - valBiayaJabatan - valIuranPensiun;\r\n\t\t\tvalPenghasilanNetoSetahun = valPenghasilanNeto * 12;\r\n\t\t\t\r\n\t\t\tvalpkpOutput = valPenghasilanNetoSetahun - valPTKP;\r\n\t\t\t\r\n\t\t\tif (valpkpOutput > 0) {\r\n\t\t\t\r\n\t\t\t\tvalpph21Gaji = Math.ceil( hitungPPh21(valpkpOutput) \/ 12 );\r\n\t\t\t} else {\r\n\t\t\t\tvalpph21Gaji = 0;\r\n\t\t\t\tvalpkpOutput = 0;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\r\n\t\t\tvalTakeHomePay = gajiTunjangan - valbpjsJHTKaryawan - valbpjsJPKaryawan - valbpjsKesehatanKaryawan - valpph21Gaji;\r\n\t\t}\r\n\t\t\r\n\t\tfunction displayPerhitungan() {\r\n\t\t\tgajiPokok.value = thousandsSep(valGajiPokok);\r\n\t\t\ttunjanganTetap.value = thousandsSep(valTunjanganTetap);\r\n\t\t\t\r\n\t\t\tptkp.value = thousandsSep(valPTKP);\r\n\t\t\t\r\n\t\t\tbpjsJK.value = thousandsSep(valbpjsJK);\r\n\t\t\tbpjsJKKValue.value = thousandsSep(valbpjsJKKValue);\r\n\t\t\tbpjsJHTKaryawan.value = thousandsSep(valbpjsJHTKaryawan);\r\n\t\t\tbpjsJHTPerusahaan.value = thousandsSep(valbpjsJHTPerusahaan);\r\n\t\t\tbpjsJPKaryawan.value = thousandsSep(valbpjsJPKaryawan);\r\n\t\t\tbpjsJPPerusahaan.value = thousandsSep(valbpjsJPPerusahaan);\r\n\t\t\tbpjsKesehatanKaryawan.value = thousandsSep(valbpjsKesehatanKaryawan);\r\n\t\t\tbpjsKesehatanPerusahaan.value = thousandsSep(valbpjsKesehatanPerusahaan);\r\n\r\n\t\t\r\n\t\t\tpremiAsuransi.value = thousandsSep(valPremiAsuransi);\r\n\t\t\tpenghasilanBruto.value = thousandsSep(valPenghasilanBruto);\r\n\t\t\tbiayaJabatan.value = thousandsSep(valBiayaJabatan);\r\n\t\t\tiuranPensiun.value = thousandsSep(valIuranPensiun);\r\n\t\t\tpenghasilanNeto.value = thousandsSep(valPenghasilanNeto);\r\n\t\t\tpenghasilanNetoSetahun.value = thousandsSep(valPenghasilanNetoSetahun);\r\n\t\t\tptkpOutput.value = thousandsSep(valPTKP);\r\n\t\t\tpkpOutput.value = thousandsSep(valpkpOutput);\r\n\t\t\tpph21Gaji.value = thousandsSep(valpph21Gaji);\r\n\t\t\ttakeHomePay.value = thousandsSep(valTakeHomePay);\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\tfunction hitungPPh21(valpkpOutput) {\r\n\t\t\tlet pph21 = 0;\r\n\t\t\tlet inputPPh = valpkpOutput;\r\n\t\t\tlet sisaHitung = valpkpOutput;\r\n\t\t\tlet tierPPH21 = [60000000, 250000000, 500000000, 5000000000];\r\n\t\t\t\r\n\t\t\tif (inputPPh >= tierPPH21[0]) {\r\n\t\t\t\tpph21 += 5 \/ 100 * tierPPH21[0];\r\n\t\t\t\tsisaHitung -= tierPPH21[0];\r\n\t\t\t\tconsole.log(pph21);\r\n\t\t\t} else {\r\n\t\t\t\tpph21 += 5 \/ 100 * parseInt(sisaHitung, 10);\r\n\t\t\t\treturn pph21;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (inputPPh >= tierPPH21[1]) {\r\n\t\t\t\tpph21 += 15 \/ 100 * ( tierPPH21[1] - tierPPH21[0] );\r\n\t\t\t\tsisaHitung -= ( tierPPH21[1] - tierPPH21[0] );\r\n\t\t\t\tconsole.log(pph21);\r\n\t\t\t} else {\r\n\t\t\t\tpph21 += 15 \/ 100 * parseInt(sisaHitung, 10);\r\n\t\t\t\treturn pph21;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (valpkpOutput >= tierPPH21[2]) {\r\n\t\t\t\tpph21 += 25 \/ 100 * ( tierPPH21[2] - tierPPH21[1] );\r\n\t\t\t\tsisaHitung -= ( tierPPH21[2] - tierPPH21[1] );\r\n\t\t\t\tconsole.log(pph21);\r\n\t\t\t} else {\r\n\t\t\t\tpph21 += 25 \/ 100 * parseInt(sisaHitung, 10);\r\n\t\t\t\treturn pph21;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (inputPPh >= tierPPH21[3]) {\r\n\t\t\t\tpph21 += 30 \/ 100 * ( tierPPH21[3] - tierPPH21[2] );\r\n\t\t\t\tsisaHitung -= ( tierPPH21[3] - tierPPH21[2] );\r\n\t\t\t\tpph21 += 35 \/ 100 * sisaHitung;\r\n\t\t\t\tconsole.log(pph21);\r\n\t\t\t} else {\r\n\t\t\t\tpph21 += 30 \/ 100 * parseInt(sisaHitung, 10);\r\n\t\t\t\treturn pph21;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\treturn pph21;\r\n\t\t\t\r\n\t\t}\r\n\t\t\r\n\t\tfunction thousandsSep(val) {\r\n\t\t\treturn val.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\r\n\t\t}\r\n\t\r\n\t\tfunction validate(evt) {\r\n\t\t  var theEvent = evt || window.event;\r\n\r\n\t\t  \/\/ Handle paste\r\n\t\t  if (theEvent.type === 'paste') {\r\n\t\t\t  key = event.clipboardData.getData('text\/plain');\r\n\t\t  } else {\r\n\t\t  \/\/ Handle key press\r\n\t\t\t  var key = theEvent.keyCode || theEvent.which;\r\n\t\t\t  key = String.fromCharCode(key);\r\n\t\t  }\r\n\t\t  var regex = \/[0-9]|\\.\/;\r\n\t\t  if( !regex.test(key) ) {\r\n\t\t\ttheEvent.returnValue = false;\r\n\t\t\tif(theEvent.preventDefault) theEvent.preventDefault();\r\n\t\t  }\r\n\t\t}\r\n\t<\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc7afa9 elementor-widget elementor-widget-text-editor\" data-id=\"dc7afa9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tPerhitungan di atas merupakan perhitungan berdasarkan asumsi kondisi normal. Diperlukan analisis yang mendalam untuk mengetahui apakah ada faktor lain yang mempengaruhi tarif pajak yang berlaku. Untuk konsultasi lebih lanjut terkait pajak, penggajian, dan akuntansi silahkan hubungi kami.\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3f234c elementor-widget elementor-widget-button\" data-id=\"b3f234c\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/id\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kontak Kami<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\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>","protected":false},"excerpt":{"rendered":"<p>Tax Tool Kalkulator PPh21 The calculation above is a calculation based on the assumption of normal condition. A thorough analysis is needed to determine whether there are other factors that affect the applicable tax rate. For further consultation related to tax,payroll, and accounting please contact us. Contact Us<\/p>","protected":false},"author":1,"featured_media":1102,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-852","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smco.co.id\/id\/wp-json\/wp\/v2\/pages\/852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smco.co.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smco.co.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smco.co.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smco.co.id\/id\/wp-json\/wp\/v2\/comments?post=852"}],"version-history":[{"count":0,"href":"https:\/\/smco.co.id\/id\/wp-json\/wp\/v2\/pages\/852\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smco.co.id\/id\/wp-json\/wp\/v2\/media\/1102"}],"wp:attachment":[{"href":"https:\/\/smco.co.id\/id\/wp-json\/wp\/v2\/media?parent=852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}