// Function to calculate the costs function calculateCosts() { // Get user inputs var rent = parseFloat(document.getElementById("rentInput").value); var interestRate = parseFloat(document.getElementById("interestInput").value); var loanAmount = parseFloat(document.getElementById("loanInput").value); var insuranceRate = parseFloat(document.getElementById("insuranceInput").value); // Calculate costs var interest = (interestRate / 100) * loanAmount; var downpayment = 0.2 * loanAmount; // Assuming 20% downpayment var insurance = (insuranceRate / 100) * loanAmount; // Display the results document.getElementById("interestOutput").innerHTML = "$" + interest.toFixed(2); document.getElementById("downpaymentOutput").innerHTML = "$" + downpayment.toFixed(2); document.getElementById("insuranceOutput").innerHTML = "$" + insurance.toFixed(2); // Calculate and display monthly cost var monthlyCost = rent + (interest / 12) + (insurance / 12); document.getElementById("monthlyCostOutput").innerHTML = "$" + monthlyCost.toFixed(2); } // Attach event listeners to input fields document.getElementById("rentInput").addEventListener("input", calculateCosts); document.getElementById("interestInput").addEventListener("input", calculateCosts); document.getElementById("loanInput").addEventListener("input", calculateCosts); document.getElementById("insuranceInput").addEventListener("input", calculateCosts); Rent: Interest Rate (%): Loan Amount: Insurance Rate (%):

Interest: $0.00

Downpayment: $0.00

Insurance: $0.00

Monthly Cost: $0.00