Mortgage Calculator

Calculate your monthly mortgage payments instantly with our user-friendly mortgage calculator. Enter your loan amount, interest rate, and loan tenure to view a detailed breakdown of principal and interest. Loan Amount (USD) Your loan amount must be at least $ 50,000. Your loan amount must be less than $ 100,000,000. Interest Rate (%) Your interest rate must be at least 1%. Your interest rate must be less than 12%. Loan Tenure (Years) Your loan tenure cannot be less than 5 years. Your loan tenure cannot be more than 35 years. Calculate monthly mortgage Your Estimated Monthly Repayment $ 0.00 / month $ 0.00 Principal $ 0.00 Interest $(document).ready(function() { $('#mortgage-calculator').on('submit', function(e) { e.preventDefault(); // Prevent default form submission // Get values from inputs var loanAmount = parseFloat($('#loan-amount').val().replace(/,/g, '')); var interestRate = parseFloat($('#interest-rate').val()) / 100 / 12; // Monthly interest rate var loanTenure = parseInt($('#loan-tenure').val()) * 12; // Total months // Calculate monthly repayment using the formula var x = Math.pow(1 + interestRate, loanTenure); var monthlyRepayment = (loanAmount * interestRate * x) / (x - 1); // Calculate total interest paid over the entire tenure var totalPayment = monthlyRepayment * loanTenure; // Total amount payable var totalInterest = totalPayment - loanAmount; // Total interest to be paid // Set values in the summary section if (!isNaN(monthlyRepayment) && (monthlyRepayment != Infinity) && (monthlyRepayment > 0)) { $('#monthly-repayment').text('$ ' + monthlyRepayment.toFixed(2)); $('#principal-amount').text('$ ' + loanAmount.toFixed(2)); $('#interest').text('$ ' + totalInterest.toFixed(2)); // Update the graph width based on values var principalPercentage = (loanAmount / totalPayment) * 100; var interestPercentage = (totalInterest / totalPayment) * 100; $('.calculator-graph__principal').css('width', principalPercentage + '%'); $('.calculator-graph__interest').css('width', interestPercentage + '%'); } else { $('#monthly-repayment').text('Error in calculation'); $('.calculator-graph__principal').css('width', '0%'); $('.calculator-graph__interest').css('width', '0%'); } }); // Initialize popovers $('[data-toggle="popover"]').popover(); }); .calculator__form { max-width: 600px; margin: 0 auto; border: 1px solid #007bff; border-radius: 8px; padding: 20px; background-color: #ffffff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .btn-primary { background-color: #007bff; border: none; } .form-error { color: red; font-size: 12px; margin-top: 5px; } .calculator-summary__header { font-size: 20px; font-weight: bold; margin-top: 20px; text-align: center; } .calculator-summary__total { font-weight: bold; font-size: 24px; margin-top: 10px; text-align: center; } .calculator-summary__graph { display: flex; margin-top: 10px; height: 15px; /* Increased height for better visibility */ background: lightgray; /* Background for the graph */ border-radius: 5px; overflow: hidden; /* Ensure the graph fits within the rounded corners */ } .calculator-graph__principal { background: #007bff; /* Principal portion color */ transition: width 0.5s; /* Smooth transition for resizing */ } .calculator-graph__interest { background: #e03c31; /* Interest portion color */ transition: width 0.5s; /* Smooth transition for resizing */ } .calculator-summary__legend { display: flex; justify-content: space-between; margin-top: 10px; } .calculator-legend__principal, .calculator-legend__interest { font-weight: bold; }

Rocky Islam