Monthly Payment: $0.00
function calculateCarLoan() {
const loanAmount = parseFloat(document.getElementById(“loanAmount”).value);
const interestRate = parseFloat(document.getElementById(“interestRate”).value) / 100 / 12;
const loanTerm = parseFloat(document.getElementById(“loanTerm”).value) * 12;
if (isNaN(loanAmount) || isNaN(interestRate) || isNaN(loanTerm) || loanAmount <= 0 || interestRate <= 0 || loanTerm <= 0) {
alert("Please fill in all fields with valid values.");
return;
}
const monthlyPayment = (loanAmount * interestRate) / (1 – Math.pow(1 + interestRate, -loanTerm));
document.getElementById("monthlyPayment").innerText = monthlyPayment.toFixed(2);
}
.calculator-container {
background-color: #f5f5f5;
padding: 20px;
border-radius: 10px;
max-width: 500px;
margin: 50px auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.calculator-header h2 {
text-align: center;
margin-bottom: 20px;
}
.calculator-form {
display: flex;
flex-direction: column;
}
.calculator-form label {
margin-top: 10px;
font-weight: bold;
}
.calculator-form input {
padding: 10px;
margin: 5px 0;
border: 1px solid #ccc;
border-radius: 5px;
}
.calculator-form button {
padding: 10px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
.calculator-form button:hover {
background-color: #0056b3;
}
.calculator-result h3 {
text-align: center;
font-size: 18px;
margin-top: 20px;
}
