EMI Calculator
A standard EMI (Equated Monthly Installment) calculator helps you determine the fixed monthly payment you'll need to make to repay a loan over a specific period. It takes into account the principal loan amount, the annual interest rate, and the loan tenure. Understanding your EMI is crucial for budgeting and financial planning, allowing you to assess affordability and the total cost of borrowing.
" +
"Your Monthly EMI: " +
"₹ " + emi.toFixed(2) + "" +
"
" +
"" +
"Total Interest Payable: " +
"₹ " + totalInterest.toFixed(2) + "" +
"
" +
"" +
"Total Payment (Principal + Interest): " +
"₹ " + totalPayment.toFixed(2) + "" +
"
";
}
.calculator-container {
font-family: Arial, sans-serif;
border: 1px solid #ddd;
padding: 20px;
border-radius: 8px;
max-width: 500px;
margin: 20px auto;
background-color: #f9f9f9;
}
.calculator-title {
text-align: center;
color: #333;
margin-bottom: 15px;
}
.calculator-description {
color: #555;
line-height: 1.6;
margin-bottom: 25px;
font-size: 0.95em;
}
.calculator-inputs {
display: flex;
flex-direction: column;
gap: 15px;
}
.input-group {
display: flex;
flex-direction: column;
}
.input-group label {
margin-bottom: 5px;
font-weight: bold;
color: #444;
}
.input-group input {
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 1em;
}
.calculator-inputs button {
background-color: #007bff;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1.1em;
margin-top: 10px;
transition: background-color 0.3s ease;
}
.calculator-inputs button:hover {
background-color: #0056b3;
}
.calculator-result {
margin-top: 25px;
padding: 15px;
border-top: 1px solid #eee;
background-color: #fff;
border-radius: 4px;
}
.result-item {
margin-bottom: 10px;
font-size: 1.1em;
color: #333;
}
.result-item .label {
font-weight: bold;
color: #555;
}
.result-item .value {
color: #007bff;
font-weight: bold;
}
.error {
color: red;
font-weight: bold;
}