let calculationSteps = “”; const currencySymbol = “$”, fixedCurrency = “USD”; function calculateFutureValue(){ calculationSteps=””; const investment = parseFloat(document.getElementById(“investmentAmount”).value); const interest = parseFloat(document.getElementById(“interestRate”).value)/100; const time = parseFloat(document.getElementById(“timePeriod”).value); if (isNaN(investment) || isNaN(interest) || isNaN(time) || investment <= 0 || interest <= 0 || time <= 0) { alert("Please enter valid positive values for all fields."); return; } const futureValue = investment * Math.pow((1 + interest), time); document.getElementById("calculatedAmount").value = formatCurrency(futureValue); calculationSteps += `Inputs:
Investment: ${formatCurrency(investment)}
Interest Rate: ${(interest * 100).toFixed(2)}%
Time Period: ${time} years

`; calculationSteps += `Formula:
Future Value = Investment × (1 + Interest Rate) ^ Time Period

`; calculationSteps += `Results:
Future Value: ${formatCurrency(futureValue)}
`; if (document.getElementById(“calculationSteps”).style.display === “block”) { document.getElementById(“calculationSteps”).innerHTML = calculationSteps; } } function resetFields(){ document.querySelectorAll(“#calculator input”).forEach(el => el.value = “”); calculationSteps = “”; document.getElementById(“calculationSteps”).innerHTML = “

Not calculated yet.

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

Not calculated yet.

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