let steps = “”; const currencySymbol = “$”, fixedCurrency = “USD”; function calculateLoanPayment() { steps = “”; const loanAmount = parseFloat(document.getElementById(“loanAmount”).value); const interestRate = parseFloat(document.getElementById(“interestRate”).value) / 100; const loanTerm = parseFloat(document.getElementById(“loanTerm”).value); if (isNaN(loanAmount) || isNaN(interestRate) || isNaN(loanTerm) || loanAmount <= 0 || interestRate <= 0 || loanTerm <= 0) { alert("Please enter valid positive values for all fields."); return; } const monthlyPayment = (loanAmount * interestRate) / 12; document.getElementById("monthlyPayment").value = formatCurrency(monthlyPayment); steps += `Inputs:
Loan Amount: ${formatCurrency(loanAmount)}
Interest Rate: ${(interestRate * 100).toFixed(2)}%
Loan Term: ${loanTerm} years

`; steps += `Formula:
Monthly Payment = (Loan Amount × Interest Rate) / 12

`; steps += `Results:
Monthly Interest Payment: ${formatCurrency(monthlyPayment)}
`; if (document.getElementById(“calculationSteps”).style.display === “block”) { document.getElementById(“calculationSteps”).innerHTML = steps; } } function resetLoanCalculator() { document.querySelectorAll(“#calculator input”).forEach(el => el.value = “”); steps = “”; document.getElementById(“calculationSteps”).innerHTML = “

Not calculated yet.

“; } function toggleCalculationSteps() { const s = document.getElementById(“calculationSteps”); const a = document.getElementById(“toggleArrow”); if (s.style.display === “none” || s.style.display === “”) { s.style.display = “block”; a.style.transform = “rotate(180deg)”; s.innerHTML = steps || “

Not calculated yet.

“; } else { s.style.display = “none”; a.style.transform = “rotate(0deg)”; } } function formatCurrency(n) { return currencySymbol + n.toFixed(2) + ” ” + fixedCurrency; }