let budgetSteps = “”; const currencySymbol = “$”, fixedCurrency = “USD”; function calculateBudget(){ budgetSteps=””; const income=parseFloat(document.getElementById(“income”).value); const housing=parseFloat(document.getElementById(“housing”).value); const utilities=parseFloat(document.getElementById(“utilities”).value); const food=parseFloat(document.getElementById(“food”).value); const transport=parseFloat(document.getElementById(“transport”).value); const savings=parseFloat(document.getElementById(“savings”).value); const other=parseFloat(document.getElementById(“other”).value); if(isNaN(income)||isNaN(housing)||isNaN(utilities)||isNaN(food)||isNaN(transport)||isNaN(savings)||isNaN(other)||income<=0){ alert("Please enter valid positive values for all fields."); return; } const totalExpenses = housing + utilities + food + transport + savings + other; const remainingBudget = income – totalExpenses; document.getElementById("remainingBudget").value = formatCurrency(remainingBudget); budgetSteps += `Inputs:
Income: ${formatCurrency(income)}
Housing: ${formatCurrency(housing)}
Utilities: ${formatCurrency(utilities)}
Food: ${formatCurrency(food)}
Transportation: ${formatCurrency(transport)}
Savings: ${formatCurrency(savings)}
Other Expenses: ${formatCurrency(other)}

`; budgetSteps += `Formulas:
Total Expenses = Housing + Utilities + Food + Transportation + Savings + Other Expenses
Remaining Budget = Income – Total Expenses

`; budgetSteps += `Results:
Remaining Budget: ${formatCurrency(remainingBudget)}
`; budgetSteps += `Tip: Consider adjusting your expenses if your remaining budget is too low to meet your savings goals.`; if(document.getElementById(“calculationStepsBudget”).style.display===”block”){ document.getElementById(“calculationStepsBudget”).innerHTML = budgetSteps; } } function resetBudget(){ document.querySelectorAll(“#calculator input”).forEach(el=>el.value=””); budgetSteps=””; document.getElementById(“calculationStepsBudget”).innerHTML=”

Not calculated yet.

“; } function toggleBudgetSteps(){ const s=document.getElementById(“calculationStepsBudget”); const a=document.getElementById(“toggleArrowBudget”); if(s.style.display===”none”||s.style.display===””){ s.style.display=”block”;a.style.transform=”rotate(180deg)”; s.innerHTML=budgetSteps||”

Not calculated yet.

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