Online Salary Slip Calculator
This calculator helps you estimate your monthly in-hand salary based on common deductions like Income Tax, Provident Fund (PF), Professional Tax, and any other fixed deductions you may have. Understanding your salary slip is crucial for financial planning.
.calculator-container {
font-family: sans-serif;
max-width: 600px;
margin: 20px auto;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #f9f9f9;
}
.calculator-container h2 {
text-align: center;
color: #333;
margin-bottom: 15px;
}
.calculator-container p {
text-align: justify;
color: #555;
line-height: 1.6;
margin-bottom: 25px;
}
.calculator-form .form-group {
margin-bottom: 15px;
display: flex;
align-items: center;
}
.calculator-form label {
flex: 1;
margin-right: 10px;
font-weight: bold;
color: #444;
}
.calculator-form input[type="number"] {
flex: 2;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.calculator-form button {
display: block;
width: 100%;
padding: 12px 20px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
margin-top: 20px;
transition: background-color 0.3s ease;
}
.calculator-form button:hover {
background-color: #0056b3;
}
.calculator-result {
margin-top: 25px;
padding: 15px;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 4px;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #333;
}
function calculateSalarySlip() {
var grossSalary = parseFloat(document.getElementById("grossSalary").value);
var incomeTax = parseFloat(document.getElementById("incomeTax").value);
var pfContribution = parseFloat(document.getElementById("pfContribution").value);
var professionalTax = parseFloat(document.getElementById("professionalTax").value);
var otherDeductions = parseFloat(document.getElementById("otherDeductions").value);
var resultDiv = document.getElementById("result");
// Input validation
if (isNaN(grossSalary) || isNaN(incomeTax) || isNaN(pfContribution) || isNaN(professionalTax) || isNaN(otherDeductions)) {
resultDiv.innerHTML = "Please enter valid numbers for all fields.";
return;
}
// Basic validation for non-negative values
if (grossSalary < 0 || incomeTax < 0 || pfContribution < 0 || professionalTax < 0 || otherDeductions grossSalary) {
resultDiv.innerHTML = "Total deductions cannot exceed gross salary.";
return;
}
var inHandSalary = grossSalary – totalDeductions;
resultDiv.innerHTML = "Your estimated In-Hand Salary is:
₹" + inHandSalary.toFixed(2) + "";
}