let shoppingSteps = “”; const currencySymbol = “$”, fixedCurrency = “USD”; function calculateShoppingCost(){ shoppingSteps=””; const itemPrice = parseFloat(document.getElementById(“itemPrice”).value); const discount = parseFloat(document.getElementById(“discount”).value)/100; const taxRate = parseFloat(document.getElementById(“taxRate”).value)/100; const shippingFee = parseFloat(document.getElementById(“shippingFee”).value); if (isNaN(itemPrice) || isNaN(discount) || isNaN(taxRate) || isNaN(shippingFee) || itemPrice <= 0) { alert("Please enter valid positive values for all fields."); return; } const discountAmount = itemPrice * discount; const discountedPrice = itemPrice – discountAmount; const taxAmount = discountedPrice * taxRate; const totalCost = discountedPrice + taxAmount + shippingFee; document.getElementById("totalCost").value = formatCurrency(totalCost); shoppingSteps += `Inputs:
Item Price: ${formatCurrency(itemPrice)}
Discount: ${(discount * 100).toFixed(1)}%
Tax Rate: ${(taxRate * 100).toFixed(1)}%
Shipping Fee: ${formatCurrency(shippingFee)}

`; shoppingSteps += `Formulas:
Discount Amount = Item Price × Discount%
Discounted Price = Item Price – Discount Amount
Tax Amount = Discounted Price × Tax Rate
Total Cost = Discounted Price + Tax Amount + Shipping Fee

`; shoppingSteps += `Results:
Total Shopping Cost: ${formatCurrency(totalCost)}
`; if (document.getElementById(“calculationSteps”).style.display === “block”) { document.getElementById(“calculationSteps”).innerHTML = shoppingSteps; } } function resetShoppingCost(){ document.querySelectorAll(“#shopping_calculator input”).forEach(el => el.value = “”); shoppingSteps = “”; 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 = shoppingSteps || “

Not calculated yet.

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