Fuel Cost Calculator

Easily calculate your trip's fuel cost with our intuitive online fuel cost calculator. Enter your trip distance, fuel efficiency, and gas price for instant, accurate estimates in USD. Fuel Cost Calculator /* General style for the form */ form { max-width: 600px; margin: auto; padding: 20px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9; } table.panel { width: 100%; border-collapse: collapse; } td { padding: 10px; } input[type="text"], input[type="url"], input[type="tel"], input[type="number"], input[type="color"], input[type="date"], input[type="email"], select { border: 1px solid #044284; border-radius: 2px; box-shadow: 1px 1px 2px #666; font-size: 16px; background-color: #fff; width: calc(70% - 10px); } input[type="submit"], input[type="button"] { padding: 10px 20px; border: none; border-radius: 5px; background-color: #28a745; color: white; cursor: pointer; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); transition: background 0.3s; } input[type="submit"]:hover { background-color: #218838; /* Darker green */ } input[type="button"] { background-color: #dc3545; /* Red */ margin-left: 10px; /* Space from submit */ } input[type="button"]:hover { background-color: #c82333; /* Darker red */ } #results { margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; color: #333; } Trip Distance miles kilometers (km) Fuel Efficiency miles per gallon (mpg) liters per 100 km (L/100 km) kilometers per liter (km/L) liters per mile Gas/Fuel Price (USD) per gallon per liter function clearForm(form) { form.reset(); document.getElementById("results").innerHTML = ""; // Clear results when form is cleared } function iptfieldCheck(field, restriction, extra) { // Placeholder for input validation logic // Add your validation logic here if necessary } function calculateFuelCost() { const form = document.calform; // Get form values const distance = parseFloat(form.tripdistance.value); const fuelEfficiency = parseFloat(form.fuelefficiency.value); const gasPrice = parseFloat(form.gasprice.value); // Get selected units const distanceUnit = form.tripdistanceunit.value; const efficiencyUnit = form.fuelefficiencyunit.value; const priceUnit = form.gaspriceunit.value; // Convert values based on units let distanceInMiles = distanceUnit === "kilometers" ? distance / 1.60934 : distance; // km to miles let fuelNeeded = 0; if (efficiencyUnit === "mpg") { fuelNeeded = distanceInMiles / fuelEfficiency; // in gallons } else if (efficiencyUnit === "lp100k") { fuelNeeded = (fuelEfficiency / 100) * distanceInMiles; // liters for 100 km fuelNeeded *= 0.264172; // convert liters to gallons } else if (efficiencyUnit === "kpl") { fuelNeeded = distanceInMiles / (fuelEfficiency * 0.425144); // km/L to gallons } else if (efficiencyUnit === "lpm") { fuelNeeded = distanceInMiles * fuelEfficiency; // fuel needed in liters fuelNeeded *= 0.264172; // convert liters to gallons } // Calculate total fuel cost let totalFuelCost = gasPrice * fuelNeeded; // Format the result in U.S. dollars document.getElementById("results").innerHTML = `Total Fuel Cost: $${totalFuelCost.toFixed(2)} USD`; return false; // Prevent page refresh }

Rocky Islam