{"id":841,"date":"2026-01-23T19:51:42","date_gmt":"2026-01-23T12:51:42","guid":{"rendered":"https:\/\/geetworld.com\/id\/?p=841"},"modified":"2026-02-04T17:20:01","modified_gmt":"2026-02-04T10:20:01","slug":"kalkulator-jarak-tempuh","status":"publish","type":"post","link":"https:\/\/geetworld.com\/id\/kalkulator-jarak-tempuh\/","title":{"rendered":"Kalkulator Jarak Tempuh"},"content":{"rendered":"<style>.kb-row-layout-id841_b04729-69 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id841_b04729-69 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id841_b04729-69 > .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-id841_b04729-69 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id841_b04729-69 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}}@media all and (max-width: 767px){.kb-row-layout-id841_b04729-69 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id841_b04729-69 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-column841_25595d-88 > .kt-inside-inner-col,.kadence-column841_25595d-88 > .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-column841_25595d-88 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column841_25595d-88 > .kt-inside-inner-col{flex-direction:column;}.kadence-column841_25595d-88 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column841_25595d-88 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column841_25595d-88{position:relative;}@media all and (max-width: 1024px){.kadence-column841_25595d-88 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column841_25595d-88 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column841_25595d-88 kb-section-is-sticky\"><div class=\"kt-inside-inner-col\"><!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <title>Kalkulator Konsumsi Bahan Bakar<\/title>\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            background-color: #f4f4f4;\r\n            margin: 0;\r\n            padding: 20px;\r\n        }\r\n        h2 {\r\n            margin-bottom: 20px;\r\n        }\r\n        .container {\r\n            width: 100%;\r\n            max-width: 400px;\r\n            background: #fff;\r\n            padding: 20px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n            margin: auto;\r\n        }\r\n        label {\r\n            display: block;\r\n            margin-top: 10px;\r\n            text-align: left;\r\n        }\r\n        input {\r\n            width: 100%;\r\n            padding: 10px;\r\n            margin-top: 5px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 5px;\r\n            box-sizing: border-box;\r\n        }\r\n        button {\r\n            width: 100%;\r\n            background: #28a745;\r\n            color: #fff;\r\n            padding: 10px;\r\n            border: none;\r\n            border-radius: 5px;\r\n            margin-top: 15px;\r\n            cursor: pointer;\r\n        }\r\n        button:hover {\r\n            background: #218838;\r\n        }\r\n        .result {\r\n            margin-top: 15px;\r\n            font-weight: bold;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <h2>Kalkulator Jarak Tempuh<\/h2>\r\n    <div class=\"container\">\r\n        <label for=\"distance\">Jarak yang Ditempuh (km):<\/label>\r\n        <input type=\"number\" id=\"distance\" placeholder=\"Masukkan jarak dalam km\">\r\n        \r\n        <label for=\"fuel\">Bahan Bakar yang Digunakan (liter):<\/label>\r\n        <input type=\"number\" id=\"fuel\" placeholder=\"Masukkan jumlah liter\">\r\n        \r\n        <label for=\"price\">Harga Bahan Bakar per Liter (Rp):<\/label>\r\n        <input type=\"number\" id=\"price\" placeholder=\"Masukkan harga per liter\">\r\n        \r\n        <button onclick=\"calculateMileage()\">Hitung<\/button>\r\n        \r\n        <div class=\"result\" id=\"result\"><\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        function calculateMileage() {\r\n            let distance = parseFloat(document.getElementById(\"distance\").value);\r\n            let fuel = parseFloat(document.getElementById(\"fuel\").value);\r\n            let price = parseFloat(document.getElementById(\"price\").value);\r\n            \r\n            if (isNaN(distance) || isNaN(fuel) || isNaN(price) || distance <= 0 || fuel <= 0 || price <= 0) {\r\n                document.getElementById(\"result\").innerHTML = \"Silakan masukkan nilai yang valid.\";\r\n                return;\r\n            }\r\n            \r\n            let mileage = distance \/ fuel;\r\n            let cost = fuel * price;\r\n            \r\n            document.getElementById(\"result\").innerHTML = `Efisiensi: ${mileage.toFixed(2)} km\/l<br> Total Biaya: Rp ${cost.toLocaleString(\"id-ID\")}`;\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\n<\/div><\/div>\n\n\n<style>.kadence-column841_d7eb52-27 > .kt-inside-inner-col,.kadence-column841_d7eb52-27 > .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-column841_d7eb52-27 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column841_d7eb52-27 > .kt-inside-inner-col{flex-direction:column;}.kadence-column841_d7eb52-27 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column841_d7eb52-27 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column841_d7eb52-27{position:relative;}@media all and (max-width: 1024px){.kadence-column841_d7eb52-27 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column841_d7eb52-27 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column841_d7eb52-27\"><div class=\"kt-inside-inner-col\">\n<h2>Apa itu Kalkulator Jarak Tempuh?<\/h2>\n<p>Kalkulator Jarak Tempuh adalah alat sederhana namun efektif yang membantu pengemudi memperkirakan penghematan bahan bakar kendaraan mereka dan menghitung total biaya perjalanan mereka. Alat ini memberikan gambaran tentang berapa banyak bahan bakar yang digunakan mobil Anda per kilometer dan berapa banyak yang akan Anda belanjakan untuk bahan bakar berdasarkan harga bahan bakar saat ini.<\/p>\n<h2>Mengapa Kalkulator Jarak Tempuh Penting?<\/h2>\n<ol>\n<li><strong>Efisiensi Biaya<\/strong>: Mengetahui berapa banyak yang Anda belanjakan untuk bahan bakar membantu Anda mempersiapkan biaya perjalanan dengan lebih baik.<\/li>\n<li><strong>Optimalisasi Bahan Bakar:<\/strong> Membantu Anda mengetahui apakah mobil Anda hemat bahan bakar atau perlu diperbaiki.<\/li>\n<li><strong>Dampak Lingkungan<\/strong>: Penggunaan bahan bakar yang efisien menurunkan polusi karbon dan membantu menciptakan atmosfer yang lebih baik.<\/li>\n<li><strong>Perencanaan Perjalanan<\/strong>: Berguna untuk perjalanan jauh di mana Anda perlu memperkirakan pemberhentian dan biaya bahan bakar.<\/li>\n<\/ol>\n<h2>Bagaimana Cara Menggunakan Kalkulator Jarak Tempuh?<\/h2>\n<ol>\n<li><strong>Masukkan Jarak Tempuh (km)<\/strong> \u2013 Masukkan total jarak yang telah Anda tempuh.<\/li>\n<li><strong>Masukkan Bahan Bakar yang Dikonsumsi (liter)<\/strong> \u2013 Masukkan jumlah bahan bakar yang digunakan untuk perjalanan.<\/li>\n<li><strong>Masukkan Harga Bahan Bakar per Liter<\/strong> \u2013 Masukkan harga bahan bakar saat ini di wilayah Anda.<\/li>\n<li><strong>Klik &#8220;Hitung&#8221;<\/strong> \u2013 Alat ini akan menghitung:<\/li>\n<\/ol>\n<ul>\n<li>Efisiensi Bahan Bakar (km\/liter)<\/li>\n<li>Total Biaya Bahan Bakar (dalam Rupiah &#8211; Rp)<\/li>\n<\/ul>\n<p>Alat ini sangat berguna bagi pengemudi Indonesia untuk mengelola biaya bahan bakar mereka dengan mudah dan membuat pilihan berkendara yang tepat.<\/p>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Apa itu Kalkulator Jarak Tempuh? Kalkulator Jarak Tempuh adalah alat sederhana namun efektif yang membantu pengemudi memperkirakan penghematan bahan bakar&#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":[157],"class_list":["post-841","post","type-post","status-publish","format-standard","hentry","category-lainnya","tag-kalkulator-jarak-tempuh"],"_links":{"self":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/posts\/841","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=841"}],"version-history":[{"count":0,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/posts\/841\/revisions"}],"wp:attachment":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/media?parent=841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/categories?post=841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/tags?post=841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}