{"id":812,"date":"2026-01-23T19:43:25","date_gmt":"2026-01-23T12:43:25","guid":{"rendered":"https:\/\/geetworld.com\/id\/?p=812"},"modified":"2026-02-04T17:22:00","modified_gmt":"2026-02-04T10:22:00","slug":"kalkulator-kartu-waktu","status":"publish","type":"post","link":"https:\/\/geetworld.com\/id\/kalkulator-kartu-waktu\/","title":{"rendered":"Kalkulator Kartu Waktu"},"content":{"rendered":"<style>.kb-row-layout-id812_f185e6-da > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id812_f185e6-da > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id812_f185e6-da > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}.kb-row-layout-id812_f185e6-da > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id812_f185e6-da > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}}@media all and (max-width: 767px){.kb-row-layout-id812_f185e6-da > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id812_f185e6-da alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-right-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>#wrapper.site{overflow:clip;}.kadence-column812_c79fd4-78 > .kt-inside-inner-col,.kadence-column812_c79fd4-78 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column812_c79fd4-78 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column812_c79fd4-78 > .kt-inside-inner-col{flex-direction:column;}.kadence-column812_c79fd4-78 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column812_c79fd4-78 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column812_c79fd4-78{position:relative;}@media all and (max-width: 1024px){.kadence-column812_c79fd4-78 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column812_c79fd4-78 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column812_c79fd4-78 kb-section-is-sticky\"><div class=\"kt-inside-inner-col\"><!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <title>Kalkulator Kartu Waktu<\/title>\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            background-color: #f4f4f4;\r\n            margin: 20px;\r\n        }\r\n        h2 {\r\n            margin-bottom: 15px;\r\n        }\r\n        .container {\r\n            background: #fff;\r\n            padding: 20px;\r\n            width: 100%;\r\n            max-width: 400px;\r\n            margin: auto;\r\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n            border-radius: 5px;\r\n        }\r\n        label, input, button {\r\n            display: block;\r\n            width: 100%;\r\n            margin: 10px 0;\r\n        }\r\n        input {\r\n            padding: 8px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 4px;\r\n        }\r\n        button {\r\n            background: #28a745;\r\n            color: white;\r\n            padding: 10px;\r\n            border: none;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n        }\r\n        button:hover {\r\n            background: #218838;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <h2>Kalkulator Kartu Waktu<\/h2>\r\n    <div class=\"container\">\r\n        <label for=\"jamMasuk\">Jam Masuk (HH:MM)<\/label>\r\n        <input type=\"time\" id=\"jamMasuk\">\r\n        \r\n        <label for=\"jamKeluar\">Jam Keluar (HH:MM)<\/label>\r\n        <input type=\"time\" id=\"jamKeluar\">\r\n        \r\n        <label for=\"gajiPerJam\">Gaji per Jam (Rp)<\/label>\r\n        <input type=\"number\" id=\"gajiPerJam\" placeholder=\"Masukkan gaji per jam\">\r\n        \r\n        <button onclick=\"hitungGaji()\">Hitung<\/button>\r\n        \r\n        <h3 id=\"hasil\"><\/h3>\r\n    <\/div>\r\n\r\n    <script>\r\n        function hitungGaji() {\r\n            let masuk = document.getElementById(\"jamMasuk\").value;\r\n            let keluar = document.getElementById(\"jamKeluar\").value;\r\n            let gajiPerJam = parseFloat(document.getElementById(\"gajiPerJam\").value);\r\n            \r\n            if (!masuk || !keluar || isNaN(gajiPerJam)) {\r\n                document.getElementById(\"hasil\").innerText = \"Harap isi semua bidang.\";\r\n                return;\r\n            }\r\n            \r\n            let waktuMasuk = new Date(`1970-01-01T${masuk}:00`);\r\n            let waktuKeluar = new Date(`1970-01-01T${keluar}:00`);\r\n            if (waktuKeluar < waktuMasuk) waktuKeluar.setDate(waktuKeluar.getDate() + 1);\r\n            \r\n            let selisihJam = (waktuKeluar - waktuMasuk) \/ (1000 * 60 * 60);\r\n            let totalGaji = selisihJam * gajiPerJam;\r\n            \r\n            document.getElementById(\"hasil\").innerText = `Total Gaji: Rp ${totalGaji.toLocaleString('id-ID')}`;\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\n<\/div><\/div>\n\n\n<style>.kadence-column812_f40cc6-76 > .kt-inside-inner-col,.kadence-column812_f40cc6-76 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column812_f40cc6-76 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column812_f40cc6-76 > .kt-inside-inner-col{flex-direction:column;}.kadence-column812_f40cc6-76 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column812_f40cc6-76 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column812_f40cc6-76{position:relative;}@media all and (max-width: 1024px){.kadence-column812_f40cc6-76 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column812_f40cc6-76 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column812_f40cc6-76\"><div class=\"kt-inside-inner-col\">\n<h2>Apa itu Kalkulator Kartu Waktu?<\/h2>\n<p>Kalkulator Kartu Waktu adalah alat yang membantu pekerja dan pekerja lepas melacak jam kerja mereka dan menghitung upah berdasarkan upah per jam. Dengan mencantumkan waktu mulai dan berakhirnya shift kerja, alat tersebut menghitung total jam kerja dan pembayaran terkait.<\/p>\n<h2>Mengapa Kalkulator Kartu Waktu Penting?<\/h2>\n<ol>\n<li><strong>Perhitungan Penggajian yang Akurat<\/strong> \u2013 Memastikan pekerja dan pekerja lepas menerima pembayaran yang tepat untuk waktu mereka.<\/li>\n<li><strong>Menghemat Waktu<\/strong> \u2013 Menghilangkan kebutuhan untuk perhitungan manual, mengurangi kesalahan.<\/li>\n<li><strong>Meningkatkan Perencanaan Keuangan<\/strong> \u2013 Membantu pengguna memperkirakan penghasilan mereka dari waktu ke waktu.<\/li>\n<li><strong>Transparansi dalam Jam Kerja<\/strong> \u2013 Berguna untuk melacak tambahan dan memastikan upah yang adil.<\/li>\n<\/ol>\n<h2>Cara Menggunakan Kalkulator Kartu Waktu<\/h2>\n<ol>\n<li><strong>Masukkan Waktu Mulai<\/strong> \u2013 Masukkan waktu saat pekerjaan dimulai.<\/li>\n<li><strong>Masukkan Waktu Berakhir<\/strong> \u2013 Masukkan waktu saat pekerjaan berhenti.<\/li>\n<li><strong>Masukkan Upah Per Jam<\/strong> \u2013 Masukkan jumlah yang dibayarkan per jam.<\/li>\n<li><strong>Klik &#8220;Hitung&#8221;<\/strong> \u2013 Alat tersebut akan menghitung total penghasilan berdasarkan jam yang dihabiskan.<\/li>\n<\/ol>\n<p>Alat ini penting bagi pekerja, pekerja lepas, dan pemilik bisnis yang membutuhkan cara mudah dan efisien untuk melacak jam kerja dan pembayaran.<\/p>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Apa itu Kalkulator Kartu Waktu? Kalkulator Kartu Waktu adalah alat yang membantu pekerja dan pekerja lepas melacak jam kerja mereka&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[117],"tags":[151],"class_list":["post-812","post","type-post","status-publish","format-standard","hentry","category-lainnya","tag-kalkulator-kartu-waktu"],"_links":{"self":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/posts\/812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/comments?post=812"}],"version-history":[{"count":0,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/posts\/812\/revisions"}],"wp:attachment":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/media?parent=812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/categories?post=812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/tags?post=812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}