Mortgage Calculator/How much can I borrow-CodePudding

I have to repair this mortgage calculator, but I really don't understand why the calculation is not working. I need help to sort this out. Or at least someone to make me understand what is wrong with this function. (The calculator has an input for Applicants’ combined annual income and another input for Deposit. The calculator should show results for Maximum property value and Estimated monthly costs).

function PMT (rate_per_period, number_of_payments, present_value, future_value, type ) {
        var q = Math.pow(1   rate_per_period, number_of_payments);
        return (rate_per_period * (future_value   (q * present_value))) / ((-1   q) * (1   rate_per_period * (type)));
}

jQuery(document).ready(function ($) {

        $(".input").keyup(function () {
            var annualIncomeInput = 0;
            var depositInput = 0;
            var annualIncome = 0;
            var deposit = 0;
            var mortgage = 0;
            var propertyValue = 0;
            var monthlyPayments = 0;
            annualIncomeInput = $('#annualIncome').val();
            depositInput = $('#deposit').val();
            annualIncome = parseFloat(annualIncomeInput.replace(/,/g, ''));
            deposit = parseFloat(depositInput.replace(/,/g, ''));
            if (annualIncomeInput && depositInput) {
                if ((deposit / 0.1 - deposit) >= (annualIncome * 4.5)) {
                    mortgage = annualIncome * 4.5;
                    propertyValue = mortgage   deposit;
                } else {
                    propertyValue = deposit / 0.1;
                    mortgage = propertyValue - deposit;
                }
                monthlyPayments = PMT(0.0307/12, 30*12, mortgage, 0, 0).toFixed(2);
            }
            
            propertyValue = parseFloat(propertyValue).toLocaleString();
            monthlyPayments = parseFloat(monthlyPayments).toLocaleString();
            $('#totalHowMuchCanIBorrow').text('£'   propertyValue);
            $('#estimatedCosts').text('£'   monthlyPayments);
            
        })
    })

If you need more details please let me know! Thank you!

CodePudding user response：

This works maybe you find the error by comparing it to yours :) didn't changed anything just added the fitting html to it

function PMT(rate_per_period, number_of_payments, present_value, future_value, type) {
  var q = Math.pow(1   rate_per_period, number_of_payments);
  return (rate_per_period * (future_value   (q * present_value))) / ((-1   q) * (1   rate_per_period * (type)));
}

jQuery(document).ready(function($) {
  //not sure how your html looks but maybe here you want $("input") and not $(".input") that selects all elements with the css class input that's maybe missing in the html
  $(".input").keyup(function() {
    var annualIncomeInput = 0;
    var depositInput = 0;
    var annualIncome = 0;
    var deposit = 0;
    var mortgage = 0;
    var propertyValue = 0;
    var monthlyPayments = 0;
    annualIncomeInput = $('#annualIncome').val();
    depositInput = $('#deposit').val();
    annualIncome = parseFloat(annualIncomeInput.replace(/,/g, ''));
    deposit = parseFloat(depositInput.replace(/,/g, ''));
    if (annualIncomeInput && depositInput) {
      if ((deposit / 0.1 - deposit) >= (annualIncome * 4.5)) {
        mortgage = annualIncome * 4.5;
        propertyValue = mortgage   deposit;
      } else {
        propertyValue = deposit / 0.1;
        mortgage = propertyValue - deposit;
      }
      monthlyPayments = PMT(0.0307 / 12, 30 * 12, mortgage, 0, 0).toFixed(2);
    }

    propertyValue = parseFloat(propertyValue).toLocaleString();
    monthlyPayments = parseFloat(monthlyPayments).toLocaleString();
    $('#totalHowMuchCanIBorrow').text('£'   propertyValue);
    $('#estimatedCosts').text('£'   monthlyPayments);

  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input class="input" id='annualIncome' type="number">
<input class="input" id='deposit' type="number">
<div id="totalHowMuchCanIBorrow"></div>
<div id="estimatedCosts"></div>