EMI Calculator
This EMI calculator helps you estimate your Equated Monthly Installment for loans such as home loans, car loans, or personal loans. EMI is a fixed amount paid by a borrower to a lender at a specified date each calendar month. EMIs are used in the process of paying off certain loans over time. The EMI comprises both principal repayment and interest payment.
.calculator-container {
font-family: Arial, sans-serif;
max-width: 600px;
margin: 20px auto;
padding: 25px;
border: 1px solid #e0e0e0;
border-radius: 8px;
background-color: #f9f9f9;
}
.calculator-title {
text-align: center;
color: #333;
margin-bottom: 15px;
}
.calculator-description {
color: #555;
line-height: 1.6;
margin-bottom: 25px;
text-align: justify;
}
.calculator-inputs {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-bottom: 25px;
}
.input-group {
display: flex;
flex-direction: column;
}
.input-group label {
margin-bottom: 8px;
color: #444;
font-weight: bold;
}
.input-group input[type="number"] {
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box; /* Important for consistent sizing */
}
.calculate-button {
background-color: #007bff;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
grid-column: 1 / -1; /* Span across all columns */
margin-top: 10px;
}
.calculate-button:hover {
background-color: #0056b3;
}
.calculator-result {
margin-top: 20px;
padding: 15px;
border-top: 1px solid #e0e0e0;
background-color: #fff;
border-radius: 4px;
text-align: center;
font-size: 18px;
color: #333;
min-height: 50px; /* Ensure it has some height even when empty */
display: flex;
align-items: center;
justify-content: center;
}
.calculator-result span {
font-weight: bold;
color: #007bff;
}
function calculateEMI() {
var loanAmountInput = document.getElementById("loanAmount");
var annualInterestRateInput = document.getElementById("annualInterestRate");
var loanTenureInput = document.getElementById("loanTenure");
var resultDiv = document.getElementById("result");
var loanAmount = parseFloat(loanAmountInput.value);
var annualInterestRate = parseFloat(annualInterestRateInput.value);
var loanTenureYears = parseFloat(loanTenureInput.value);
// Input validation
if (isNaN(loanAmount) || loanAmount <= 0) {
resultDiv.innerHTML = "Please enter a valid Loan Amount.";
return;
}
if (isNaN(annualInterestRate) || annualInterestRate < 0) {
resultDiv.innerHTML = "Please enter a valid Annual Interest Rate.";
return;
}
if (isNaN(loanTenureYears) || loanTenureYears 0) {
emi = loanAmount * monthlyInterestRate * Math.pow(1 + monthlyInterestRate, loanTenureMonths) / (Math.pow(1 + monthlyInterestRate, loanTenureMonths) – 1);
} else {
// If interest rate is 0, EMI is simply the loan amount divided by the number of months
emi = loanAmount / loanTenureMonths;
}
var totalPayment = emi * loanTenureMonths;
var totalInterestPaid = totalPayment – loanAmount;
resultDiv.innerHTML = "Your estimated EMI is:
₹ " + emi.toFixed(2) + "" +
"Total amount payable:
₹ " + totalPayment.toFixed(2) + "" +
"Total interest paid:
₹ " + totalInterestPaid.toFixed(2) + "";
}