Blended Pay Rate Calculator
This calculator helps you determine the average pay rate when combining different hourly wages. This is useful for businesses that have employees with varying pay scales or for individuals who hold multiple part-time jobs with different rates.
Hours Worked at Rate 1:
Pay Rate 1 ($ per hour):
Hours Worked at Rate 2:
Pay Rate 2 ($ per hour):
Calculate Blended Pay Rate
function calculateBlendedPayRate() {
var hours1 = parseFloat(document.getElementById("hours1").value);
var rate1 = parseFloat(document.getElementById("rate1").value);
var hours2 = parseFloat(document.getElementById("hours2").value);
var rate2 = parseFloat(document.getElementById("rate2").value);
var resultDiv = document.getElementById("result");
resultDiv.innerHTML = "";
if (isNaN(hours1) || isNaN(rate1) || isNaN(hours2) || isNaN(rate2)) {
resultDiv.innerHTML = "Please enter valid numbers for all fields.";
return;
}
if (hours1 < 0 || rate1 < 0 || hours2 < 0 || rate2 < 0) {
resultDiv.innerHTML = "Hours and rates cannot be negative.";
return;
}
var totalPay1 = hours1 * rate1;
var totalPay2 = hours2 * rate2;
var totalHours = hours1 + hours2;
var totalPay = totalPay1 + totalPay2;
if (totalHours === 0) {
resultDiv.innerHTML = "Total hours worked is zero, blended rate cannot be calculated.";
return;
}
var blendedRate = totalPay / totalHours;
resultDiv.innerHTML = "
Total Pay Rate 1: $" + totalPay1.toFixed(2) + "" +
"
Total Pay Rate 2: $" + totalPay2.toFixed(2) + "" +
"
Total Hours Worked: " + totalHours.toFixed(1) + "" +
"
Total Gross Pay: $" + totalPay.toFixed(2) + "" +
"
Blended Pay Rate: $" + blendedRate.toFixed(2) + " per hour";
}
.calculator-section, .result-section {
font-family: sans-serif;
margin-bottom: 20px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 5px;
}
.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: 3px;
box-sizing: border-box; /* Ensures padding doesn't affect width */
}
button {
padding: 10px 15px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
button:hover {
background-color: #0056b3;
}
#result p {
margin-bottom: 10px;
}