let loanPaymentSteps = “”; const currencySymbol = “ZAR”, fixedCurrency = “ZAR”; function calculateLoanPayment(){ loanPaymentSteps=””; 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 enter valid positive values for all fields."); return; } const monthlyPayment = (loanAmount * interestRate) / (1 – Math.pow(1 + interestRate, -loanTerm)); document.getElementById("monthlyPayment").value = formatCurrency(monthlyPayment); loanPaymentSteps += `Inputs:
Loan Amount: ${formatCurrency(loanAmount)}
Interest Rate: ${((interestRate * 100) * 12).toFixed(2)}%
Loan Term: ${loanTerm / 12} years

`; loanPaymentSteps += `Formula:
Monthly Payment = Loan Amount × (Interest Rate / (1 – (1 + Interest Rate)^(-Loan Term)))

`; loanPaymentSteps += `Result:
Monthly Payment: ${formatCurrency(monthlyPayment)}
`; loanPaymentSteps += `Tip: The longer the loan term, the lower the monthly payments, but the more you’ll pay in interest over time.`; if(document.getElementById(“calculationStepsLoanPayment”).style.display === “block”){ document.getElementById(“calculationStepsLoanPayment”).innerHTML = loanPaymentSteps; } } function resetLoanPayment(){ document.querySelectorAll(“#calculator input”).forEach(el => el.value = “”); loanPaymentSteps = “”; document.getElementById(“calculationStepsLoanPayment”).innerHTML = “

Not calculated yet.

“; } function toggleLoanPaymentSteps(){ const steps = document.getElementById(“calculationStepsLoanPayment”); const arrow = document.getElementById(“toggleArrowLoanPayment”); if(steps.style.display === “none” || steps.style.display === “”){ steps.style.display = “block”; arrow.style.transform = “rotate(180deg)”; steps.innerHTML = loanPaymentSteps || “

Not calculated yet.

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