Hourly Pay Rate Calculator
This calculator helps you determine your hourly pay rate based on your gross pay and the number of hours you worked. Understanding your hourly rate is crucial for budgeting, negotiating salary, and understanding your overall earnings.
Gross Pay ($):
Hours Worked:
Calculate Hourly Rate
function calculateHourlyRate() {
var grossPayInput = document.getElementById("grossPay");
var hoursWorkedInput = document.getElementById("hoursWorked");
var hourlyRateResultElement = document.getElementById("hourlyRateResult");
var grossPay = parseFloat(grossPayInput.value);
var hoursWorked = parseFloat(hoursWorkedInput.value);
if (isNaN(grossPay) || isNaN(hoursWorked) || hoursWorked <= 0) {
hourlyRateResultElement.textContent = "Please enter valid numbers for Gross Pay and Hours Worked (Hours Worked must be greater than zero).";
return;
}
var hourlyRate = grossPay / hoursWorked;
hourlyRateResultElement.textContent = "$" + hourlyRate.toFixed(2);
}
#payRateCalculator {
font-family: sans-serif;
max-width: 500px;
margin: 20px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #f9f9f9;
}
#payRateCalculator h2 {
text-align: center;
color: #333;
margin-bottom: 20px;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #555;
}
.form-group input[type="number"] {
width: calc(100% – 22px);
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
#payRateCalculator button {
display: block;
width: 100%;
padding: 12px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
margin-top: 20px;
}
#payRateCalculator button:hover {
background-color: #45a049;
}
#result {
margin-top: 25px;
padding: 15px;
background-color: #e0ffe0;
border: 1px solid #a0d9a0;
border-radius: 4px;
text-align: center;
}
#result h3 {
margin-top: 0;
color: #3c763d;
}
#hourlyRateResult {
font-size: 1.2em;
font-weight: bold;
color: #1e5631;
}