Uber Rate Calculator
This calculator helps you estimate the potential earnings for an Uber driver based on common factors. Keep in mind that actual rates can vary significantly based on demand, surge pricing, specific Uber service (UberX, Uber Black, etc.), and local regulations.
Base Fare (e.g., $2.00):
Cost Per Mile (e.g., $1.25):
Cost Per Minute (e.g., $0.20):
Booking Fee (e.g., $1.50):
Trip Distance (Miles):
Trip Duration (Minutes):
Calculate Estimated Fare
function calculateUberRate() {
var baseFare = parseFloat(document.getElementById("baseFare").value);
var costPerMile = parseFloat(document.getElementById("costPerMile").value);
var costPerMinute = document.getElementById("costPerMinute").value;
var bookingFee = parseFloat(document.getElementById("bookingFee").value);
var tripMiles = parseFloat(document.getElementById("tripMiles").value);
var tripMinutes = parseFloat(document.getElementById("tripMinutes").value);
var resultDiv = document.getElementById("result");
resultDiv.innerHTML = ""; // Clear previous results
// Input validation
if (isNaN(baseFare) || isNaN(costPerMile) || isNaN(costPerMinute) || isNaN(bookingFee) || isNaN(tripMiles) || isNaN(tripMinutes)) {
resultDiv.innerHTML = "Please enter valid numbers for all fields.";
return;
}
if (baseFare < 0 || costPerMile < 0 || costPerMinute < 0 || bookingFee < 0 || tripMiles < 0 || tripMinutes < 0) {
resultDiv.innerHTML = "Input values cannot be negative.";
return;
}
// Calculation
var fareFromMiles = costPerMile * tripMiles;
var fareFromMinutes = costPerMinute * tripMinutes;
var estimatedFare = baseFare + fareFromMiles + fareFromMinutes + bookingFee;
resultDiv.innerHTML = "Estimated Uber Fare: $" + estimatedFare.toFixed(2);
}
#uber-rate-calculator {
font-family: sans-serif;
max-width: 500px;
margin: 20px auto;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.form-group input[type="number"] {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box; /* Ensures padding doesn't affect width */
}
#uber-rate-calculator button {
background-color: #007bff;
color: white;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
#uber-rate-calculator button:hover {
background-color: #0056b3;
}