let loanSteps = “”; const currencySymbol = “₱”, fixedCurrency = “PHP”; function calculateLoan(){ loanSteps=””; const loanAmount = parseFloat(document.getElementById(“loanAmount”).value); const loanTerm = parseFloat(document.getElementById(“loanTerm”).value); const interestRate = parseFloat(document.getElementById(“interestRate”).value) / 100; if(isNaN(loanAmount) || isNaN(loanTerm) || isNaN(interestRate) || loanAmount <= 0 || loanTerm <= 0 || interestRate <= 0){ alert("Please enter valid positive values for all fields."); return; } const monthlyRate = interestRate / 12; const months = loanTerm * 12; const monthlyPayment = loanAmount * monthlyRate / (1 – Math.pow(1 + monthlyRate, -months)); const totalInterest = (monthlyPayment * months) – loanAmount; document.getElementById("monthlyPayment").value = formatCurrency(monthlyPayment); document.getElementById("totalInterest").value = formatCurrency(totalInterest); loanSteps += `Inputs:
Loan Amount: ${formatCurrency(loanAmount)}
Loan Term: ${loanTerm} years
Interest Rate: ${(interestRate * 100).toFixed(1)}%

`; loanSteps += `Formulas:
Monthly Payment = Loan Amount × Monthly Interest Rate / (1 – (1 + Monthly Interest Rate)^(-Months))
Total Interest = (Monthly Payment × Months) – Loan Amount

`; loanSteps += `Results:
Monthly Payment: ${formatCurrency(monthlyPayment)}
Total Interest: ${formatCurrency(totalInterest)}
`; loanSteps += `Tip: A longer loan term means lower monthly payments but higher total interest payments. Choose a term that suits your financial situation.`; if(document.getElementById(“calculationStepsLoan”).style.display === “block”){ document.getElementById(“calculationStepsLoan”).innerHTML = loanSteps; } } function resetLoan(){ document.querySelectorAll(“#calculator input”).forEach(el => el.value = “”); loanSteps = “”; document.getElementById(“calculationStepsLoan”).innerHTML = “

Not calculated yet.

“; } function toggleLoanSteps(){ const s = document.getElementById(“calculationStepsLoan”); const a = document.getElementById(“toggleArrowLoan”); if(s.style.display === “none” || s.style.display === “”){ s.style.display = “block”; a.style.transform = “rotate(180deg)”; s.innerHTML = loanSteps || “

Not calculated yet.

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