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!
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>