{"id":2156,"date":"2022-08-18T08:27:27","date_gmt":"2022-08-18T08:27:27","guid":{"rendered":"https:\/\/thegenius.co\/wp\/finlon\/live\/?page_id=2156"},"modified":"2022-08-18T08:27:27","modified_gmt":"2022-08-18T08:27:27","slug":"home-loan-calculator","status":"publish","type":"page","link":"https:\/\/metabetics.com\/index.php\/home-loan-calculator\/","title":{"rendered":"Home Loan Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2156\" class=\"elementor elementor-2156\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-03af39e finlon-column-stretched-none elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"03af39e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-82c04ad\" data-id=\"82c04ad\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0dfe0e4 elementor-widget elementor-widget-finlon_home_loan_calculator_widget\" data-id=\"0dfe0e4\" data-element_type=\"widget\" data-widget_type=\"finlon_home_loan_calculator_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"loan-calculator\">\r\n\t\t\t<div class=\"loan-calculator__box\" id=\"home-loan-calculator\">\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-xl-7\">\r\n\t\t\t\t\t\t<div class=\"slider-box\">\r\n\t\t\t\t\t\t\t<form  action=\"#\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"main-heading block-title text-left\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"block-title__tagline mb-0\">Monthly EMI<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"block-title__title w-500\">Home Loan EMI Calculator<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- \/.block-title -->\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"main-slide\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"single-loan-header\">\r\n\t\t\t\t\t\t\t\t\t\t<h4>Loan Amount<\/h4>\r\n\t\t\t\t\t\t\t\t\t\t<input class=\"form-control\" type=\"text\" name=\"pricipal\" id=\"emi-principal-input\" onkeypress='return onlynumeric(event)'>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div id=\"emi-principal-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"loan-counter-value\">\r\n\t\t\t\t\t\t\t\t\t\t<span>$<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<h6 id=\"emi-principal-show\"><\/h6>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"main-slide\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"single-loan-header\">\r\n\t\t\t\t\t\t\t\t\t\t<h4>Loan Years<\/h4>\r\n\t\t\t\t\t\t\t\t\t\t<input class=\"form-control\" type=\"text\" name=\"loan-year\" id=\"emi-year-input\" onkeypress='return onlynumeric(event)'>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div id=\"emi-year-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"loan-counter-value\">\r\n\t\t\t\t\t\t\t\t\t\t<h6 id=\"emi-totalyear-show\"><\/h6>\r\n\t\t\t\t\t\t\t\t\t\t<span>Years<\/span>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"main-slide\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"single-loan-header\">\r\n\t\t\t\t\t\t\t\t\t\t<h4>Interest Rate<\/h4>\r\n\t\t\t\t\t\t\t\t\t\t<input class=\"form-control\" type=\"text\" name=\"interest-rate\" id=\"interest-rate-input\"\r\n\t\t\t\t\t\t\t\t\t\tonkeypress='return onlynumeric(event)'>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div id=\"emi-interest-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"loan-counter-value\">\r\n\t\t\t\t\t\t\t\t\t\t<h6 id=\"emi-interest-show\"><\/h6>\r\n\t\t\t\t\t\t\t\t\t\t<span>%<\/span>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/form><!-- form -->\r\n\t\t\t\t\t\t<\/div><!-- slider-box -->\r\n\t\t\t\t\t<\/div><!-- col-xl-7 -->\r\n\r\n\t\t\t\t\t<div class=\"col-xl-5\">\r\n\t\t\t\t\t\t<div class=\"loan-calculation\">\r\n\t\t\t\t\t\t\t<div class=\"loan-calculation-content total-loan-form-emi\">\r\n\t\t\t\t\t\t\t\t<div class=\"total-loan-form-calculation text-start\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"loan-calculation-details\">\r\n\t\t\t\t\t\t\t\t\t\t<p class=\"loan-form-calculation\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>Monthly Interest<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<b>$<i id=\"monthly-emi\"><\/i><\/b>\r\n\t\t\t\t\t\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t\t\t\t\t<p class=\"loan-form-calculation\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>Total Interest<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<b>$<i id=\"total-interest\"><\/i><\/b>\r\n\t\t\t\t\t\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t\t\t\t\t<p class=\"loan-form-calculation\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>Total Amount Payable<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<b>$<i id=\"total-amount\"><\/i><\/b>\r\n\t\t\t\t\t\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-6\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/thegenius.co\/wp\/finlon\/live\/apply-now\/\" class=\"thm-btn\" target=\"_blank\" rel=\"nofollow\">Apply Loan<\/a>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-6\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" data-target=\"amortization-chart\" class=\"thm-btn scroll-to-chart\" rel=\"nofollow\">View Chart<\/a>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- \/.row -->\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- total-loan-form-calculation -->\r\n\t\t\t\t\t\t\t<\/div><!-- loan-calculation-content -->\r\n\t\t\t\t\t\t<\/div><!--loan-calculation-->\r\n\t\t\t\t\t\t<div class=\"loan-start-date\">\r\n\t\t\t\t\t\t\t<label for=\"start-date\">Select Start Date<\/label>\r\n\t\t\t\t\t\t\t<div class=\"start-date-input\">\r\n\t\t\t\t\t\t\t\t<input type=\"text\" class=\"datepicker\" id=\"start-date\" readonly>\r\n\t\t\t\t\t\t\t\t<i class=\"fas fa-calendar-alt\"><\/i>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div> <!-- col-xl-5 -->\r\n\t\t\t\t<\/div><!-- row -->\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-xl-12\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"main-heading block-title text-left\">\r\n\t\t\t\t\t\t\t<h3 class=\"block-title__title w-500\">Amortization Schedule<\/h3>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"amortization-schedule\">\r\n\t\t\t\t\t\t\t<div class=\"amortization-inner\">\r\n\t\t\t\t\t\t\t\t<div class=\"amortization-title\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"amortization-title-inner\">Year<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"amortization-title-inner\">Principal\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>(A)<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"amortization-title-inner\">Interest Paid\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>(B)<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"amortization-title-inner total-payment-title\">Total Payment\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>(A + B)<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"amortization-title-inner\">Balance<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"amortization-content\"><\/div>\t\r\n\t\t\t\t\t\t\t<\/div><!-- amortization-inner -->\r\n\t\t\t\t\t\t<\/div><!-- amortization-schedule -->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-md-12\">\r\n\t\t\t\t\t\t<div class=\"main-heading\">\r\n\t\t\t\t\t\t\t<h3 class=\"block-title__title w-500\">Amortization Chart<\/h3>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"loan-calculation-chart\">\r\n\t\t\t\t\t\t\t<div id=\"loan-chart-amortization\"><\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div><!-- col-md-12 -->\r\n\t\t\t\t<\/div><!-- row -->\r\n\t\t\t<\/div><!-- loan-calculator__box -->\r\n\t\t<\/div>  <!-- calculator -->\r\n\t\t\t<script type=\"text\/javascript\">\r\n\t\t\tjQuery( function( $ ) {\r\n\t\t\t\tif ($(\"#home-loan-calculator\").length) {\r\n\t\t\t\t\t\tif ($(\".scroll-to-chart\").length) {\r\n\t\t\t\t\t\t\t$(\".scroll-to-chart\").on(\"click\",function (){\r\n\t\t\t\t\t\t\t\t$target  = $(this).data('target')\r\n\t\t\t\t\t\t\t\t\/\/ console.log($target)\r\n\t\t\t\t\t\t\t\t$('html,body').animate(\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tscrollTop: $(\"#loan-chart-amortization\").offset().top-200\r\n\t\t\t\t\t\t\t\t},1000);\r\n\r\n\t\t\t\t\t\t\t\treturn false\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t}       \r\n\t\t\t\t\t\tvar months_arr = ['January', 'Fabuary', 'March','April','May','June','July','August','September','October','November','December'];\r\n\t\t\t\t\t\tvar date = new Date();\r\n\t\t\t\t\t\tlet year_no = date.getFullYear();\r\n\t\t\t\t\t\tlet month_no = date.getMonth();     \r\n\t\t\t\t\t\tlet month = months_arr[month_no];\r\n\t\t\t\t\t\t$('#start-date').val(month +' '+year_no)\r\n\r\n\r\n\t\t\t\t\t\t\/\/ emi-principal-slide\r\n\r\n\t\t\t\t\t\tprincipal_value()\r\n\r\n\t\t\t\t\t\t$(\"#emi-principal-input\").on(\"keyup\",function(event){\r\n\t\t\t\t\t\t\t$principal_slider_value = $(\"#emi-principal-input\").val();\r\n\t\t\t\t\t\t\tif (event.keyCode === 13) {\r\n\t\t\t\t\t\t\t\tprincipal_value($principal_slider_value);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\t$(\"#emi-principal-input\").blur(function(){\r\n\t\t\t\t\t\t\t$principal_slider_value = $(\"#emi-principal-input\").val();\r\n\t\t\t\t\t\t\tprincipal_value($principal_slider_value)\r\n\t\t\t\t\t\t})\r\n\r\n\t\t\t\t\t\t\/\/ emi-year-slider\r\n\r\n\t\t\t\t\t\t$(\"#emi-year-slide\").slider({\r\n\t\t\t\t\t\trange:\"min\",\r\n\t\t\t\t\t\tmin:2,\r\n\t\t\t\t\t\tmax:35,\r\n\t\t\t\t\t\tvalue:10,\r\n\t\t\t\t\t\tstep:1,\r\n\t\t\t\t\t\tslide: function(event, ui) {\r\n\t\t\t\t\t\t\t$(\"#emi-totalyear-show\").text(ui.value);\r\n\t\t\t\t\t\t\t$(\"#emi-year-input\").val(ui.value);\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tchange: function(event, ui) {\r\n\t\t\t\t\t\t\tloancalculate()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t$(\"#emi-totalyear-show\").text($(\"#emi-year-slide\").slider(\"value\"));\r\n\t\t\t\t\t$(\"#emi-year-input\").val($(\"#emi-year-slide\").slider(\"value\"));\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t$(\"#emi-year-input\").on(\"keyup\",function(event){\r\n\t\t\t\t\t\t\tif (event.keyCode === 13) {\r\n\t\t\t\t\t\t\t\tloan_year_value();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t})\r\n\r\n\t\t\t\t\t\t$(\"#emi-year-input\").blur(function(){\r\n\t\t\t\t\t\t\t\tloan_year_value();\r\n\t\t\t\t\t\t})\r\n\r\n\r\n\t\t\t\t\t\t\/\/ interest-rate-input\r\n\r\n\t\t\t\t\t$(\"#emi-interest-slide\").slider({\r\n\t\t\t\t\t\trange:\"min\",\r\n\t\t\t\t\t\tmin:6,\r\n\t\t\t\t\t\tmax:12,\r\n\t\t\t\t\t\tvalue:8,\r\n\t\t\t\t\t\tstep:0.01,\r\n\t\t\t\t\t\tslide: function(event, ui){\r\n\t\t\t\t\t\t\t$(\"#emi-interest-show\").text(ui.value);\r\n\t\t\t\t\t\t\t$(\"#interest-rate-input\").val(ui.value);\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tchange: function(event, ui) {\r\n\t\t\t\t\t\t\tloancalculate()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t$(\"#emi-interest-show\").text($(\"#emi-interest-slide\").slider(\"value\"));\r\n\t\t\t\t\t$(\"#interest-rate-input\").val($(\"#emi-interest-slide\").slider(\"value\"));\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t$(\"#interest-rate-input\").on(\"keyup\",function(event){\r\n\t\t\t\t\t\t\tif (event.keyCode === 13) {\r\n\t\t\t\t\t\t\t\tinterest_value();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t})\r\n\r\n\t\t\t\t\t\t$(\"#interest-rate-input\").blur(function(){\r\n\t\t\t\t\t\t\tinterest_value();\r\n\t\t\t\t\t\t})\r\n\r\n\t\t\t\t\tloancalculate();\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction loancalculate()\r\n\t\t\t\t{\r\n\t\t\t\t\tvar loanAmount=jQuery(\"#emi-principal-show\").text();\r\n\t\t\t\t\tvar numberOfMonths=jQuery(\"#emi-totalyear-show\").text() * 12;\r\n\t\t\t\t\tvar rateOfInterest=jQuery(\"#emi-interest-show\").text();\r\n\t\t\t\t\t\r\n\t\t\t\t\tvar monthlyInterestRatio = (rateOfInterest\/100)\/12;\r\n\r\n\t\t\t\t\tvar top = Math.pow((1+monthlyInterestRatio), numberOfMonths);\r\n\t\t\t\t\tvar bottom = top -1;\r\n\t\t\t\t\tvar sp = top \/ bottom;\r\n\t\t\t\t\tvar emi = ((loanAmount * monthlyInterestRatio) * sp);\r\n\t\t\t\t\tvar full = numberOfMonths * emi;\r\n\t\t\t\t\tvar interest = full - loanAmount;\r\n\t\t\t\t\tvar int_pge = (interest \/ full) * 100;\r\n\t\t\t\t\t$(\"#tbl_int-pge\").html(int_pge.toFixed(2)+\" %\");\r\n\t\t\t\t\t$(\"#tbl_loan_pge\").html((100-int_pge.toFixed(2)+\" %\"));\r\n\r\n\t\t\t\t\tvar emi_str = emi.toFixed(2).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\r\n\t\t\t\t\tvar loanAmount_str = loanAmount.toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\r\n\t\t\t\t\tvar full_str = full.toFixed(2).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\r\n\t\t\t\t\tvar int_str = interest.toFixed(2).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\r\n\t\t\t\t\t$input_principal = $(\"#emi-principal-input\").val().toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");   \r\n\t\t\t\t\tjQuery(\"#monthly-emi\").html(emi_str);\r\n\t\t\t\t\tjQuery(\"#total-interest\").html(int_str);\r\n\t\t\t\t\tjQuery(\"#total-amount\").html(full_str);\r\n\t\t\t\t\tjQuery(\"#emi-principal-input\").val($input_principal);\r\n\r\n\t\t\t\t\tamortization_calculator(loanAmount,emi,rateOfInterest)\r\n\r\n\t\t\t\t\t$('.datepicker').datepicker({\r\n\t\t\t\t\t\tautoclose: true,\r\n\t\t\t\t\t\tformat: 'MM yyyy',\r\n\t\t\t\t\t\tminViewMode: 1,\r\n\t\t\t\t\t})  \r\n\r\n\t\t\t\t\t$('#start-date').change(function(){\r\n\t\t\t\t\t\tamortization_calculator(loanAmount,emi,rateOfInterest)\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction principal_value($principal_value2=300000){\r\n\t\t\t\t\t$text_val=$principal_value2.toString()\r\n\t\t\t\t\t$new_text_val = parseInt($text_val.replace(\/,\/g,''))\r\n\t\t\t\t\t$(\"#emi-principal-slide\").slider({\r\n\t\t\t\t\t\trange:\"min\",\r\n\t\t\t\t\t\tmin:100000,\r\n\t\t\t\t\t\tmax:20000000,\r\n\t\t\t\t\t\tvalue:$new_text_val,\r\n\t\t\t\t\t\tstep:100000,\r\n\t\t\t\t\t\tslide: function(event, ui) {\r\n\t\t\t\t\t\t\t$(\"#emi-principal-show\").text(ui.value);\r\n\t\t\t\t\t\t\t$(\"#emi-principal-input\").val(ui.value);\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tchange: function(event, ui) {\r\n\t\t\t\t\t\t\tloancalculate()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t\/\/ console.log( $new_text_val)\r\n\t\t\t\t\t$(\"#emi-principal-show\").text($(\"#emi-principal-slide\").slider(\"value\"));\r\n\t\t\t\t\t$(\"#emi-principal-input\").val($(\"#emi-principal-slide\").slider(\"value\"));\r\n\t\t\t\t\tloancalculate()\r\n\t\t\t\t}\r\n\t\t\t\tfunction loan_year_value() {\r\n\t\t\t\t\t$loan_year = $(\"#emi-year-input\").val()\r\n\t\t\t\t\t$(\"#emi-year-slide\").slider({\r\n\t\t\t\t\t\trange:\"min\",\r\n\t\t\t\t\t\tmin:2,\r\n\t\t\t\t\t\tmax:35,\r\n\t\t\t\t\t\tvalue:$loan_year,\r\n\t\t\t\t\t\tstep:1,\r\n\t\t\t\t\t\tslide: function(event, ui) {\r\n\t\t\t\t\t\t\t$(\"#emi-totalyear-show\").text(ui.value);\r\n\t\t\t\t\t\t\t$(\"#emi-year-input\").val(ui.value);\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tchange: function(event, ui) {\r\n\t\t\t\t\t\t\tloancalculate()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t\r\n\t\t\t\t\t$(\"#emi-totalyear-show\").text($(\"#emi-year-slide\").slider(\"value\"));\r\n\t\t\t\t\t$(\"#emi-year-input\").val($(\"#emi-year-slide\").slider(\"value\"));\r\n\t\t\t\t\tloancalculate()\r\n\t\t\t\t}\r\n\t\t\t\tfunction interest_value() {\r\n\t\t\t\t\t$loan_rate = $(\"#interest-rate-input\").val()\r\n\t\t\t\t\t$(\"#emi-interest-slide\").slider({\r\n\t\t\t\t\t\trange:\"min\",\r\n\t\t\t\t\t\tmin:6,\r\n\t\t\t\t\t\tmax:12,\r\n\t\t\t\t\t\tstep:0.1,\r\n\t\t\t\t\t\tmin:6,\r\n\t\t\t\t\t\tmax:12,\r\n\t\t\t\t\t\tvalue:$loan_rate,\r\n\t\t\t\t\t\tstep:0.01,\r\n\t\t\t\t\t\tslide: function(event, ui){\r\n\t\t\t\t\t\t\t$(\"#emi-interest-show\").text(ui.value);\r\n\t\t\t\t\t\t\t$(\"#interest-rate-input\").val(ui.value);\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tchange: function(event, ui) {\r\n\t\t\t\t\t\t\tloancalculate()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t$(\"#emi-interest-show\").text($(\"#emi-interest-slide\").slider(\"value\"));\r\n\t\t\t\t\t$(\"#interest-rate-input\").val($(\"#emi-interest-slide\").slider(\"value\"));\r\n\t\t\t\t\tloancalculate()\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction amortization_calculator(loanAmount,emi,rate) {\r\n\t\t\t\t\tvar start_date = $('#start-date').val();\r\n\t\t\t\t\tvar months_arr = ['January', 'Fabuary', 'March','April','May','June','July','August','September','October','November','December'];\r\n\t\t\t\t\tvar date = new Date(\"1 \"+start_date);\r\n\t\t\t\t\tlet month_no = date.getMonth();\r\n\t\t\t\t\tlet year_no = date.getFullYear();\r\n\t\t\t\t\ti = rate\/100;\r\n\t\t\t\t\tlet content = '';\r\n\t\t\t\t\t\r\n\t\t\t\t\tlet current_balance = loanAmount;\r\n\t\t\t\t\tlet total_interest = 0;\r\n\t\t\t\t\t\r\n\t\t\t\t\tlet payment_counter_arr = [];\r\n\t\t\t\t\tlet principal_paid_arr=[];\r\n\t\t\t\t\tlet toward_interest_arr=[];\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\tcontent += '<div class=\"amortization-column-outer\">';\r\n\t\t\t\t\tcontent += '<div class=\"amortization-column sum\">';\r\n\t\t\t\t\tcontent += '<div class=\"amortization-data year-outer\"><i class=\"fas fa-plus-circle\"><\/i><span>'+year_no+'<\/span><\/div>';\r\n\t\t\t\t\tcontent += '<div class=\"amortization-data principal-sum\"><\/div>';\r\n\t\t\t\t\tcontent += '<div class=\"amortization-data interest-sum\"><\/div>';\r\n\t\t\t\t\tcontent += '<div class=\"amortization-data total-payment-sum\"><\/div>';\r\n\t\t\t\t\tcontent += '<div class=\"amortization-data balance-sum\"><\/div>';\r\n\t\t\t\t\tcontent += '<\/div>';\r\n\t\t\t\t\tcontent += '<div class=\"amortization-column-inner\">';\r\n\t\t\t\t\t\r\n\t\t\t\t\twhile(current_balance > 0){\r\n\t\t\t\t\tlet month = months_arr[month_no];\r\n\t\t\t\t\tlet payment_counter = month +' '+ year_no;\r\n\t\t\t\t\t\tlet toward_interest = (i\/12) * current_balance; \/\/ this calculates the portion of monthly payment that goes toward the interest\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tif (emi > current_balance){\r\n\t\t\t\t\t\t\temi = current_balance +toward_interest;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tlet toward_balance = emi - toward_interest;\r\n\t\t\t\t\t\ttotal_interest += toward_interest;\r\n\t\t\t\t\t\tcurrent_balance -= toward_balance;\r\n\r\n\t\t\t\t\t\tprincipal_paid = emi - toward_interest\r\n\r\n\t\t\t\t\t\tvar principal_paid_str = principal_paid.toFixed(0).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\r\n\t\t\t\t\t\tvar toward_interest_str = toward_interest.toFixed(0).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\r\n\t\t\t\t\t\tvar emi_str = emi.toFixed(0).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\r\n\t\t\t\t\t\tvar current_balance_str = current_balance.toFixed(0).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\r\n\r\n\t\t\t\t\t\tcontent += '<div class=\"amortization-column\">';\r\n\t\t\t\t\t\tcontent += '<div class=\"amortization-data year\">'+payment_counter+'<\/div>';\r\n\t\t\t\t\t\tcontent += '<div class=\"amortization-data principal\">$<span>'+principal_paid_str+'<\/span><\/div>';\r\n\t\t\t\t\t\tcontent += '<div class=\"amortization-data interest\">$<span>'+toward_interest_str+'<\/span><\/div>';\r\n\t\t\t\t\t\tcontent += '<div class=\"amortization-data total-payment\">$<span>'+emi_str+'<\/span><\/div>';\r\n\t\t\t\t\t\tcontent += '<div class=\"amortization-data balance\">$<span>'+current_balance_str+'<\/span><\/div>';\r\n\t\t\t\t\t\tcontent += '<\/div>';\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tmonth_no++;\r\n\t\t\t\t\t\tif (month_no>=12) {\r\n\t\t\t\t\t\t\tmonth_no=0\r\n\t\t\t\t\t\t\tyear_no++\r\n\t\t\t\t\t\t\tcontent += '<\/div>';\r\n\t\t\t\t\t\t\tcontent += '<\/div><!--inner-->';\r\n\t\t\t\t\t\t\tcontent += '<div class=amortization-column-outer>';\r\n\t\t\t\t\t\t\tcontent += '<div class=\"amortization-column sum\">';\r\n\t\t\t\t\t\t\tcontent += '<div class=\"amortization-data year-outer\"><i class=\"fas fa-plus-circle\"><\/i><span>'+year_no+'<\/span><\/div>';\r\n\t\t\t\t\t\t\tcontent += '<div class=\"amortization-data principal-sum\"><\/div>';\r\n\t\t\t\t\t\t\tcontent += '<div class=\"amortization-data interest-sum\"><\/div>';\r\n\t\t\t\t\t\t\tcontent += '<div class=\"amortization-data total-payment-sum\"><\/div>';\r\n\t\t\t\t\t\t\tcontent += '<div class=\"amortization-data balance-sum\"><\/div>';\r\n\t\t\t\t\t\t\tcontent += '<\/div>';\r\n\t\t\t\t\t\t\tcontent += '<div class=\"amortization-column-inner\">';\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t$('.amortization-content').html(content)\r\n\r\n\t\t\t\t\t$('.amortization-column-outer').each(function(){\r\n\t\t\t\t\t\tif($(this).find('.amortization-column-inner').html() == '')\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t$(this).remove()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\r\n\t\t\t\t\t$('.amortization-column-outer').each(function(){\r\n\r\n\t\t\t\t\t\tvar total_principal=0;\r\n\t\t\t\t\t\tvar total_interest_yearly=0;\r\n\t\t\t\t\t\tvar total_payment_yearly=0\r\n\t\t\t\t\t\tvar total_balance_yearly=0\r\n\t\t\t\t\t\t$(this).find('.amortization-column-inner .amortization-column').each(function(){\r\n\t\t\t\t\t\t\t\/\/principal\r\n\t\t\t\t\t\t\tvar principal_int = $(this).find('.principal span').html()\r\n\t\t\t\t\t\t\tvar new_principal_int = parseInt(principal_int.replace(\/,\/g,''))\r\n\t\t\t\t\t\t\ttotal_principal += new_principal_int\r\n\r\n\t\t\t\t\t\t\t\/\/interest\r\n\t\t\t\t\t\t\tvar interest_int=$(this).find(\".interest span\").html()\r\n\t\t\t\t\t\t\tvar new_interest_int=parseInt(interest_int.replace(\/,\/g,''))\r\n\t\t\t\t\t\t\ttotal_interest_yearly += new_interest_int\r\n\r\n\t\t\t\t\t\t\t\/\/ total payment\r\n\t\t\t\t\t\t\tvar total_payment=$(this).find(\".total-payment span\").html()\r\n\t\t\t\t\t\t\tvar new_total_payment_int=parseInt(total_payment.replace(\/,\/g,''))\r\n\t\t\t\t\t\t\ttotal_payment_yearly += new_total_payment_int\r\n\r\n\t\t\t\t\t\t\t\/\/ balance\r\n\t\t\t\t\t\t\tvar balance_int=$(this).find(\".balance span\").html()\r\n\t\t\t\t\t\t\tvar new_balance_int=parseInt(balance_int.replace(\/,\/g,''))\r\n\t\t\t\t\t\t\ttotal_balance_yearly += new_balance_int\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\tvar total_principal_str = total_principal.toFixed(0).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\")\r\n\t\t\t\t\t\tvar total_interest_str = total_interest_yearly.toFixed(0).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\")\r\n\t\t\t\t\t\tvar total_payment_str = total_payment_yearly.toFixed(0).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\")\r\n\t\t\t\t\t\tvar total_balance_str = total_balance_yearly.toFixed(0).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\")\r\n\r\n\t\t\t\t\t\t$(this).find('.principal-sum').html('$<span>'+total_principal_str+'<\/span>')\r\n\t\t\t\t\t\t$(this).find('.interest-sum').html('$<span>'+total_interest_str+'<\/span>')\r\n\t\t\t\t\t\t$(this).find(\".total-payment-sum\").html('$<span>'+total_payment_str+'<\/span>')\r\n\t\t\t\t\t\t$(this).find(\".balance-sum\").html('$<span>'+total_balance_str+'<\/span>')\r\n\t\t\t\t\t\tyear_no = $(this).find('.year-outer span').html()\r\n\t\t\t\t\t\tpayment_counter_arr.push(year_no);\r\n\t\t\t\t\t\tprincipal_paid_arr.push(Math.floor(total_principal));\r\n\t\t\t\t\t\ttoward_interest_arr.push(Math.floor(total_interest_yearly));\r\n\t\t\t\t\t\tchart_render(payment_counter_arr,principal_paid_arr,toward_interest_arr);\r\n\r\n\t\t\t\t\t})\r\n\r\n\r\n\r\n\t\t\t\t\t$('.amortization-column-inner').slideUp(0)\r\n\t\t\t\t\t$(\".amortization-data.year-outer\").on(\"click\", function(){\r\n\t\t\t\t\t\t$(this).parent().siblings('.amortization-column-inner').slideToggle(500)\r\n\t\t\t\t\t\t$(this).find(\"i\").toggleClass(\"fa-plus-circle\")\r\n\t\t\t\t\t\t$(this).find(\"i\").toggleClass(\"fa-minus-circle\")\r\n\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction round(number, decimal_places){\r\n\t\t\t\t\treturn(Math.round(number*Math.pow(10,decimal_places)) \/ Math.pow(10,decimal_places)).toFixed(decimal_places);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction chart_render(payment_counter_arr,principal_paid_arr,toward_interest_arr)\r\n\t\t\t\t{\r\n\t\t\t\t\tvar options = {\r\n\r\n\t\t\t\t\t\tchart: {\r\n\t\t\t\t\t\t\t\ttype: 'column'\r\n\t\t\t\t\t\t},\r\n\r\n\t\t\t\t\t\ttitle: {\r\n\t\t\t\t\t\t\t\ttext: ''\r\n\t\t\t\t\t\t},\r\n\r\n\t\t\t\t\t\txAxis: {\r\n\t\t\t\t\t\t\t\tcategories: payment_counter_arr\r\n\t\t\t\t\t\t},\r\n\r\n\t\t\t\t\t\tyAxis: {\r\n\t\t\t\t\t\t\t\tallowDecimals: false,\r\n\t\t\t\t\t\t\t\tmin: 0,\r\n\t\t\t\t\t\t\t\ttitle: {\r\n\t\t\t\t\t\t\t\t\t\ttext: 'Balance' \r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tlabels: {\r\n\t\t\t\t\t\t\t\t\tformatter: function () {\r\n\t\t\t\t\t\t\t\t\t\treturn '$' + this.axis.defaultLabelFormatter.call(this);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\r\n\t\t\t\t\t\ttooltip: {\r\n\t\t\t\t\t\t\t\tformatter: function () {\r\n\t\t\t\t\t\t\t\t\ty_str = this.y.toFixed(0).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\")\r\n\t\t\t\t\t\t\t\t\tstacktotal_str = this.point.stackTotal.toFixed(0).toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\")\r\n\t\t\t\t\t\t\t\t\t\treturn '<b>Year: ' + this.x + '<\/b><br\/>' +\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.series.name + ': $' + y_str + '<br\/>' +\r\n\t\t\t\t\t\t\t\t\t\t\t\t'Total Payment: $' + stacktotal_str;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\r\n\t\t\t\t\t\tplotOptions: {\r\n\t\t\t\t\t\t\t\tcolumn: {\r\n\t\t\t\t\t\t\t\t\t\tstacking: 'normal'\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\r\n\t\t\t\t\t\tseries: [{\r\n\t\t\t\t\t\t\t\tname: 'Interest',\r\n\t\t\t\t\t\t\t\tdata: toward_interest_arr,\r\n\t\t\t\t\t\t\t\tcolor : '#f7c35f'\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\tname: 'Principal',\r\n\t\t\t\t\t\t\t\tdata: principal_paid_arr,\r\n\t\t\t\t\t\t\t\tcolor : '#e63a27'\r\n\t\t\t\t\t\t}]\r\n\t\t\t\t};\r\n\t\t\t\t\tHighcharts.chart('loan-chart-amortization',options);\r\n\t\t\t\t\tHighcharts.setOptions({\r\n\t\t\t\t\t\tlang: {\r\n\t\t\t\t\t\t\tnumericSymbols: null,\r\n\t\t\t\t\t\t\tthousandsSep: ','\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction onlynumeric(event)\r\n\t\t\t\t{\r\n\t\t\t\t\tvar x = event.which || event.keycode;\r\n\t\t\t\t\tif((x>=48 && x<=57 || x==46)){\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t<\/script>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Monthly EMI Home Loan EMI Calculator Loan Amount $ Loan Years Years Interest Rate % Monthly Interest $ Total Interest $ Total Amount Payable $ Apply Loan View Chart Select Start Date Amortization Schedule Year Principal (A) Interest Paid (B) Total Payment (A + B) Balance Amortization Chart<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template\/full-width-page-template.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2156","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/metabetics.com\/index.php\/wp-json\/wp\/v2\/pages\/2156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metabetics.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metabetics.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metabetics.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metabetics.com\/index.php\/wp-json\/wp\/v2\/comments?post=2156"}],"version-history":[{"count":0,"href":"https:\/\/metabetics.com\/index.php\/wp-json\/wp\/v2\/pages\/2156\/revisions"}],"wp:attachment":[{"href":"https:\/\/metabetics.com\/index.php\/wp-json\/wp\/v2\/media?parent=2156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}