Kalkulator Kebutuhan EV<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #0d1a26;\n color: #e5e7eb;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n padding: 1rem;\n flex-direction: column;\n overflow: hidden;\n }\n .container {\n max-width: 600px;\n width: 100%;\n background-color: #1a2a38;\n border-radius: 1rem;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1);\n padding: 2.5rem;\n text-align: center;\n }\n .input-group {\n margin-bottom: 1.5rem;\n text-align: left;\n }\n .input-label {\n display: block;\n font-weight: 500;\n color: #9ca3af;\n margin-bottom: 0.5rem;\n }\n .input-field {\n width: 100%;\n padding: 0.75rem;\n border-radius: 0.5rem;\n border: 1px solid #4b5563;\n background-color: #2b3e51;\n color: #ffffff;\n font-size: 1rem;\n }\n .button {\n width: 100%;\n padding: 1rem;\n border-radius: 0.5rem;\n font-weight: 600;\n transition: background-color 0.3s, transform 0.2s;\n cursor: pointer;\n background-color: #2563eb;\n color: #ffffff;\n border: none;\n }\n .button:hover {\n background-color: #1e40af;\n transform: translateY(-2px);\n }\n .result-box {\n margin-top: 2rem;\n padding: 2rem;\n background-color: #2b3e51;\n border-radius: 0.75rem;\n text-align: center;\n }\n .result-label {\n font-size: 1rem;\n color: #9ca3af;\n }\n .result-value {\n font-size: 2.5rem;\n font-weight: bold;\n color: #ffffff;\n margin-top: 0.5rem;\n }\n .message-box {\n margin-top: 1.5rem;\n padding: 1rem;\n border-radius: 0.5rem;\n text-align: center;\n display: none;\n }\n .error {\n background-color: #fca5a5;\n color: #7f1d1d;\n }\n .result-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n margin-top: 2rem;\n }\n .result-item {\n background-color: #2b3e51;\n padding: 1.5rem;\n border-radius: 0.75rem;\n }\n .result-item-label {\n font-size: 0.875rem;\n color: #9ca3af;\n }\n .result-item-value {\n font-size: 1.5rem;\n font-weight: bold;\n color: #ffffff;\n margin-top: 0.25rem;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h1 class=\"text-3xl sm:text-4xl font-bold mb-4\">Kalkulator EV Lanjutan<\/h1>\n <p class=\"text-gray-400 mb-6\">Hitung perkiraan jarak tempuh, waktu pengisian daya, dan biaya perjalanan mobil listrik Anda.<\/p>\n \n <div class=\"input-group\">\n <label for=\"capacity\" class=\"input-label\">Kapasitas Baterai (kWh):<\/label>\n <input type=\"number\" id=\"capacity\" class=\"input-field\" placeholder=\"Contoh: 60\">\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"efficiency\" class=\"input-label\">Konsumsi Energi (km\/kWh):<\/label>\n <input type=\"number\" id=\"efficiency\" class=\"input-field\" placeholder=\"Contoh: 6.5\">\n <\/div>\n \n <div class=\"input-group\">\n <label for=\"startSoc\" class=\"input-label\">Persentase Baterai Awal (%):<\/label>\n <input type=\"number\" id=\"startSoc\" class=\"input-field\" placeholder=\"Contoh: 20\">\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"endSoc\" class=\"input-label\">Persentase Baterai Akhir (%):<\/label>\n <input type=\"number\" id=\"endSoc\" class=\"input-field\" placeholder=\"Contoh: 80\">\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"chargerPower\" class=\"input-label\">Daya Pengisi Daya (kW):<\/label>\n <input type=\"number\" id=\"chargerPower\" class=\"input-field\" placeholder=\"Contoh: 50\">\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"electricityPrice\" class=\"input-label\">Harga Listrik (Rp\/kWh):<\/label>\n <input type=\"number\" id=\"electricityPrice\" class=\"input-field\" placeholder=\"Contoh: 1500\">\n <\/div>\n \n <button id=\"calculateBtn\" class=\"button\">Hitung<\/button>\n\n <div id=\"messageBox\" class=\"message-box\"><\/div>\n \n <div id=\"resultBox\" class=\"result-grid hidden\">\n <div class=\"result-item\">\n <div class=\"result-item-label\">Jarak Tempuh<\/div>\n <div id=\"rangeResult\" class=\"result-item-value\">0 km<\/div>\n <\/div>\n <div class=\"result-item\">\n <div class=\"result-item-label\">Waktu Pengisian<\/div>\n <div id=\"chargeTimeResult\" class=\"result-item-value\">0 Jam<\/div>\n <\/div>\n <div class=\"result-item\">\n <div class=\"result-item-label\">Biaya Pengisian<\/div>\n <div id=\"costResult\" class=\"result-item-value\">Rp 0<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n document.getElementById('calculateBtn').addEventListener('click', () => {\n const capacityInput = document.getElementById('capacity');\n const efficiencyInput = document.getElementById('efficiency');\n const startSocInput = document.getElementById('startSoc');\n const endSocInput = document.getElementById('endSoc');\n const chargerPowerInput = document.getElementById('chargerPower');\n const electricityPriceInput = document.getElementById('electricityPrice');\n \n const rangeResult = document.getElementById('rangeResult');\n const chargeTimeResult = document.getElementById('chargeTimeResult');\n const costResult = document.getElementById('costResult');\n\n const resultBox = document.getElementById('resultBox');\n const messageBox = document.getElementById('messageBox');\n\n \/\/ Get and parse input values\n const capacity = parseFloat(capacityInput.value);\n const efficiency = parseFloat(efficiencyInput.value);\n const startSoc = parseFloat(startSocInput.value);\n const endSoc = parseFloat(endSocInput.value);\n const chargerPower = parseFloat(chargerPowerInput.value);\n const electricityPrice = parseFloat(electricityPriceInput.value);\n\n \/\/ Hide previous messages and results\n messageBox.style.display = 'none';\n resultBox.classList.add('hidden');\n\n \/\/ Validate inputs\n if (isNaN(capacity) || isNaN(efficiency) || isNaN(startSoc) || isNaN(endSoc) || isNaN(chargerPower) || isNaN(electricityPrice) ||\n capacity <= 0 || efficiency <= 0 || startSoc < 0 || endSoc < 0 || endSoc > 100 || chargerPower <= 0 || electricityPrice < 0 || startSoc >= endSoc) {\n messageBox.textContent = \"Mohon masukkan semua data dengan angka yang valid. Pastikan persentase baterai awal lebih kecil dari persentase baterai akhir.\";\n messageBox.className = 'message-box error';\n messageBox.style.display = 'block';\n return;\n }\n\n \/\/ Calculate the net capacity used in kWh\n const chargedPercentage = (endSoc - startSoc) \/ 100;\n const netKwhUsed = capacity * chargedPercentage;\n\n \/\/ Calculate the range, charge time, and cost\n const range = netKwhUsed * efficiency;\n const chargeTime = netKwhUsed \/ chargerPower;\n const cost = netKwhUsed * electricityPrice;\n\n \/\/ Display the results\n rangeResult.textContent = `${range.toFixed(2)} km`;\n chargeTimeResult.textContent = `${(chargeTime).toFixed(2)} jam`;\n costResult.textContent = `Rp ${cost.toFixed(2)}`;\n\n resultBox.classList.remove('hidden');\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Elang Caesano Pratama Alingga – 2206061425 Kalkulator Kebutuhan EV Kalkulator EV Lanjutan Hitung perkiraan jarak tempuh, waktu pengisian daya, dan biaya perjalanan mobil listrik Anda. Kapasitas Baterai (kWh): Konsumsi Energi (km\/kWh): Persentase Baterai Awal (%): Persentase Baterai Akhir (%): Daya Pengisi Daya (kW): Harga Listrik (Rp\/kWh): Hitung Jarak Tempuh 0 km Waktu Pengisian 0 Jam […]<\/p>\n","protected":false},"author":238,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-8472","post","type-post","status-publish","format-standard","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/posts\/8472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/users\/238"}],"replies":[{"embeddable":true,"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/comments?post=8472"}],"version-history":[{"count":1,"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/posts\/8472\/revisions"}],"predecessor-version":[{"id":8475,"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/posts\/8472\/revisions\/8475"}],"wp:attachment":[{"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/media?parent=8472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/categories?post=8472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/tags?post=8472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8472,"date":"2025-09-09T06:35:06","date_gmt":"2025-09-09T06:35:06","guid":{"rendered":"https:\/\/ccitonline.com\/wp\/?p=8472"},"modified":"2025-09-09T06:35:06","modified_gmt":"2025-09-09T06:35:06","slug":"kalkulator-kebutuhan-electric-vehicle","status":"publish","type":"post","link":"https:\/\/ccitonline.com\/wp\/2025\/09\/09\/kalkulator-kebutuhan-electric-vehicle\/","title":{"rendered":"Kalkulator Kebutuhan Electric Vehicle"},"content":{"rendered":"\n

Elang Caesano Pratama Alingga – 2206061425<\/p>\n\n\n\n\n\n\n \n \n Kalkulator Kebutuhan EV<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #0d1a26;\n color: #e5e7eb;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n padding: 1rem;\n flex-direction: column;\n overflow: hidden;\n }\n .container {\n max-width: 600px;\n width: 100%;\n background-color: #1a2a38;\n border-radius: 1rem;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1);\n padding: 2.5rem;\n text-align: center;\n }\n .input-group {\n margin-bottom: 1.5rem;\n text-align: left;\n }\n .input-label {\n display: block;\n font-weight: 500;\n color: #9ca3af;\n margin-bottom: 0.5rem;\n }\n .input-field {\n width: 100%;\n padding: 0.75rem;\n border-radius: 0.5rem;\n border: 1px solid #4b5563;\n background-color: #2b3e51;\n color: #ffffff;\n font-size: 1rem;\n }\n .button {\n width: 100%;\n padding: 1rem;\n border-radius: 0.5rem;\n font-weight: 600;\n transition: background-color 0.3s, transform 0.2s;\n cursor: pointer;\n background-color: #2563eb;\n color: #ffffff;\n border: none;\n }\n .button:hover {\n background-color: #1e40af;\n transform: translateY(-2px);\n }\n .result-box {\n margin-top: 2rem;\n padding: 2rem;\n background-color: #2b3e51;\n border-radius: 0.75rem;\n text-align: center;\n }\n .result-label {\n font-size: 1rem;\n color: #9ca3af;\n }\n .result-value {\n font-size: 2.5rem;\n font-weight: bold;\n color: #ffffff;\n margin-top: 0.5rem;\n }\n .message-box {\n margin-top: 1.5rem;\n padding: 1rem;\n border-radius: 0.5rem;\n text-align: center;\n display: none;\n }\n .error {\n background-color: #fca5a5;\n color: #7f1d1d;\n }\n .result-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n margin-top: 2rem;\n }\n .result-item {\n background-color: #2b3e51;\n padding: 1.5rem;\n border-radius: 0.75rem;\n }\n .result-item-label {\n font-size: 0.875rem;\n color: #9ca3af;\n }\n .result-item-value {\n font-size: 1.5rem;\n font-weight: bold;\n color: #ffffff;\n margin-top: 0.25rem;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h1 class=\"text-3xl sm:text-4xl font-bold mb-4\">Kalkulator EV Lanjutan<\/h1>\n <p class=\"text-gray-400 mb-6\">Hitung perkiraan jarak tempuh, waktu pengisian daya, dan biaya perjalanan mobil listrik Anda.<\/p>\n \n <div class=\"input-group\">\n <label for=\"capacity\" class=\"input-label\">Kapasitas Baterai (kWh):<\/label>\n <input type=\"number\" id=\"capacity\" class=\"input-field\" placeholder=\"Contoh: 60\">\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"efficiency\" class=\"input-label\">Konsumsi Energi (km\/kWh):<\/label>\n <input type=\"number\" id=\"efficiency\" class=\"input-field\" placeholder=\"Contoh: 6.5\">\n <\/div>\n \n <div class=\"input-group\">\n <label for=\"startSoc\" class=\"input-label\">Persentase Baterai Awal (%):<\/label>\n <input type=\"number\" id=\"startSoc\" class=\"input-field\" placeholder=\"Contoh: 20\">\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"endSoc\" class=\"input-label\">Persentase Baterai Akhir (%):<\/label>\n <input type=\"number\" id=\"endSoc\" class=\"input-field\" placeholder=\"Contoh: 80\">\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"chargerPower\" class=\"input-label\">Daya Pengisi Daya (kW):<\/label>\n <input type=\"number\" id=\"chargerPower\" class=\"input-field\" placeholder=\"Contoh: 50\">\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"electricityPrice\" class=\"input-label\">Harga Listrik (Rp\/kWh):<\/label>\n <input type=\"number\" id=\"electricityPrice\" class=\"input-field\" placeholder=\"Contoh: 1500\">\n <\/div>\n \n <button id=\"calculateBtn\" class=\"button\">Hitung<\/button>\n\n <div id=\"messageBox\" class=\"message-box\"><\/div>\n \n <div id=\"resultBox\" class=\"result-grid hidden\">\n <div class=\"result-item\">\n <div class=\"result-item-label\">Jarak Tempuh<\/div>\n <div id=\"rangeResult\" class=\"result-item-value\">0 km<\/div>\n <\/div>\n <div class=\"result-item\">\n <div class=\"result-item-label\">Waktu Pengisian<\/div>\n <div id=\"chargeTimeResult\" class=\"result-item-value\">0 Jam<\/div>\n <\/div>\n <div class=\"result-item\">\n <div class=\"result-item-label\">Biaya Pengisian<\/div>\n <div id=\"costResult\" class=\"result-item-value\">Rp 0<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n document.getElementById('calculateBtn').addEventListener('click', () => {\n const capacityInput = document.getElementById('capacity');\n const efficiencyInput = document.getElementById('efficiency');\n const startSocInput = document.getElementById('startSoc');\n const endSocInput = document.getElementById('endSoc');\n const chargerPowerInput = document.getElementById('chargerPower');\n const electricityPriceInput = document.getElementById('electricityPrice');\n \n const rangeResult = document.getElementById('rangeResult');\n const chargeTimeResult = document.getElementById('chargeTimeResult');\n const costResult = document.getElementById('costResult');\n\n const resultBox = document.getElementById('resultBox');\n const messageBox = document.getElementById('messageBox');\n\n \/\/ Get and parse input values\n const capacity = parseFloat(capacityInput.value);\n const efficiency = parseFloat(efficiencyInput.value);\n const startSoc = parseFloat(startSocInput.value);\n const endSoc = parseFloat(endSocInput.value);\n const chargerPower = parseFloat(chargerPowerInput.value);\n const electricityPrice = parseFloat(electricityPriceInput.value);\n\n \/\/ Hide previous messages and results\n messageBox.style.display = 'none';\n resultBox.classList.add('hidden');\n\n \/\/ Validate inputs\n if (isNaN(capacity) || isNaN(efficiency) || isNaN(startSoc) || isNaN(endSoc) || isNaN(chargerPower) || isNaN(electricityPrice) ||\n capacity <= 0 || efficiency <= 0 || startSoc < 0 || endSoc < 0 || endSoc > 100 || chargerPower <= 0 || electricityPrice < 0 || startSoc >= endSoc) {\n messageBox.textContent = \"Mohon masukkan semua data dengan angka yang valid. Pastikan persentase baterai awal lebih kecil dari persentase baterai akhir.\";\n messageBox.className = 'message-box error';\n messageBox.style.display = 'block';\n return;\n }\n\n \/\/ Calculate the net capacity used in kWh\n const chargedPercentage = (endSoc - startSoc) \/ 100;\n const netKwhUsed = capacity * chargedPercentage;\n\n \/\/ Calculate the range, charge time, and cost\n const range = netKwhUsed * efficiency;\n const chargeTime = netKwhUsed \/ chargerPower;\n const cost = netKwhUsed * electricityPrice;\n\n \/\/ Display the results\n rangeResult.textContent = `${range.toFixed(2)} km`;\n chargeTimeResult.textContent = `${(chargeTime).toFixed(2)} jam`;\n costResult.textContent = `Rp ${cost.toFixed(2)}`;\n\n resultBox.classList.remove('hidden');\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Elang Caesano Pratama Alingga – 2206061425 Kalkulator Kebutuhan EV Kalkulator EV Lanjutan Hitung perkiraan jarak tempuh, waktu pengisian daya, dan biaya perjalanan mobil listrik Anda. Kapasitas Baterai (kWh): Konsumsi Energi (km\/kWh): Persentase Baterai Awal (%): Persentase Baterai Akhir (%): Daya Pengisi Daya (kW): Harga Listrik (Rp\/kWh): Hitung Jarak Tempuh 0 km Waktu Pengisian 0 Jam […]<\/p>\n","protected":false},"author":238,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-8472","post","type-post","status-publish","format-standard","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/posts\/8472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/users\/238"}],"replies":[{"embeddable":true,"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/comments?post=8472"}],"version-history":[{"count":1,"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/posts\/8472\/revisions"}],"predecessor-version":[{"id":8475,"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/posts\/8472\/revisions\/8475"}],"wp:attachment":[{"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/media?parent=8472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/categories?post=8472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ccitonline.com\/wp\/wp-json\/wp\/v2\/tags?post=8472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}