{"id":309,"date":"2024-03-14T13:50:18","date_gmt":"2024-03-14T13:50:18","guid":{"rendered":"https:\/\/finance.canvaaslabs.com\/?page_id=309"},"modified":"2024-03-14T14:12:48","modified_gmt":"2024-03-14T14:12:48","slug":"home-loan-calculator","status":"publish","type":"page","link":"https:\/\/finance.aipropixel.com\/index.php\/home-loan-calculator\/","title":{"rendered":"Home Loan Calculator"},"content":{"rendered":"<p><strong>\t<style type=\"text\/css\">\n\t\t.emi_calculator_info {\n\t\t\tbackground-color: #ffffff;\n\t\t}\n\t\t.emi_calculator_col {\n\t\t\tbackground-color: #ffffff;\n\t\t}\n\t\t.emi_calculator_col2 {\n\t\t\tbackground-color: #ffffff;\n\t\t}\n\t\t.emi_calculator_info label {\n\t\t\tcolor: #000 !important;\n\t\t}\n\t\t.emi_input_group_symbol span, .emi-tenure-radio input[type=radio]:not(old):checked+.form-label {\n\t\t\tbackground-color: #cbd3da;\n\t\t}\n\t\tinput.form-control, .emi_input_group_symbol span, .emi-tenure-radio input[type=radio]:not(old)+.form-label {\n\t\t\tborder-color: #ced4da !important;\n\t\t}\n\t\t#emi_range .rangeslider__fill {\n\t    background: #2680eb;\n\t\t}\n\t\t#emi_range .rangeslider {\n\t    background: #e6e6e6;\n\t\t}\n\t\t#emi_range .rangeslider__handle {\n\t    background: #2680eb;\n\t\t}\n\t<\/style>\n\t\t<div class=\"emi_calculator_info\">\n\t\t\t<div class=\"emi_calculator_col\">\n\t\t\t        <div class=\"emi_error_msg\">\n\t\t\t          <span class=\"text-danger\" id=\"emi_msg\"><\/span>\n\t\t\t        <\/div>\n\t\t\t        <div class=\"emi_loan_field\">\n\t\t\t\t\t\t\t\t\t<label class=\"emi_control_label\" for=\"loanamount\">Loan Amount<\/label>\n\t\t\t\t\t\t\t    <div class=\"emi_form_group\">\n\t\t\t\t\t\t\t        <div class=\"emi_input_group\">\n\t\t\t\t\t\t\t            <input type=\"number\" id=\"emi_loan_amount\" class=\"form-control\" placeholder=\"Loan Amount\" value=\"1\">\n\t\t\t\t\t\t\t            <div class=\"emi_input_group_symbol\">\n\t\t\t\t\t\t\t                <span class=\"input-group-text\">\u20b9<\/span>\n\t\t\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t        <\/div>\n\t\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div id=\"emi_range\">\n\t\t\t\t\t\t\t\t<input type=\"range\" id=\"emi_loanamount_slider\" value=\"1\" min=\"1\" max=\"100000000\" step=\"1\">\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"emi_loan_field\">\n\t\t\t\t\t\t\t\t\t<label class=\"emi_control_label\" for=\"loaninterest\">Interest Rate<\/label>\n\t\t\t\t\t\t\t    <div class=\"emi_form_group\">\n\t\t\t\t\t\t\t        <div class=\"emi_input_group\">\n\t\t\t\t\t\t\t            <input type=\"number\" id=\"emi_interest_rate\" class=\"form-control\" placeholder=\"Interest Rate\" value=\"1\" min=\"1\" max=\"30\">\n\t\t\t\t\t\t\t            <div class=\"emi_input_group_symbol\">\n\t\t\t\t\t\t\t                <span class=\"input-group-text\">%<\/span>\n\t\t\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t        <\/div>\n\t\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div id=\"emi_range\">\n\t\t\t\t\t\t\t\t<input type=\"range\" id=\"emi_interest_rate_slider\" value=\"1\" min=\"1\" max=\"30\">\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"emi_loan_field\">\n\t\t\t\t\t\t\t\t\t<label class=\"emi_control_label\" for=\"loanterm\">Loan Tenure<\/label>\n\t\t\t\t\t\t\t    <div class=\"emi_form_group\">\n\t\t\t\t\t\t\t        <div class=\"emi_input_group\">\n\t\t\t\t\t\t\t            <input type=\"number\" name=\"emi_tenure_year\" id=\"emi_tenure\" class=\"form-control\" value=\"1\">\n\t\t\t\t\t\t\t            \n\t\t\t\t\t\t\t            <div class=\"tenure-choice\">\n                              <div class=\"emi-tenure-radio\">\n                                  <input type=\"radio\" name=\"emi_months_years\" id=\"years\" value=\"years\" checked=\"checked\">\n                                  <label for=\"years\" class=\"form-label form-label1\">\n                                      <span class=\"icon-name\">Yr<\/span>\n                                  <\/label>\n                              <\/div>\n                              <div class=\"emi-tenure-radio\">\n                                  <input type=\"radio\" name=\"emi_months_years\" id=\"months\" value=\"months\">\n                                  <label for=\"months\" class=\"form-label form-label2\">\n                                      <span class=\"icon-name\">Mo<\/span>\n                                  <\/label>\n                              <\/div>\n                          <\/div>\n\t\t\t\t\t\t\t        <\/div>\n\t\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div id=\"emi_range\" class=\"year_emi\">\n\t\t\t\t\t\t\t\t<input type=\"range\" id=\"emi_year_tenure_slider\" value=\"1\" min=\"1\" max=\"30\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div id=\"emi_range\" class=\"month_emi\">\n\t\t\t\t\t\t\t\t<input type=\"range\" id=\"emi_month_tenure_slider\" value=\"1\" min=\"1\" max=\"300\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t<div class=\"emi_calculator_col2\">\n\t        <div class=\"emi_calculator_result\">\n\t        \t<div id=\"emi_payment_summary\">\n\t        \t\t<div class=\"emi_align_center\" id=\"emiamount\">\n\t        \t\t\t<h4>Loan EMI<\/h4>\n\t        \t\t\t<p><span id=\"result_emi\"><\/span><\/p>\n\t        \t\t<\/div>\n\t        \t\t<div class=\"emi_align_center\" id=\"emitotalinterest\">\n\t        \t\t\t<h4>Total Interest Payable<\/h4>\n\t        \t\t\t<p><span id=\"total_interest\"><\/span><\/p>\n\t        \t\t<\/div>\n\t        \t\t<div class=\"emi_align_center\" id=\"emitotalamount\" class=\"column-last\">\n\t        \t\t\t<h4>Total Payment<br>(Principal + Interest)<\/h4>\n\t        \t\t\t<p><span id=\"total_payments\"><\/span><\/p>\n\t        \t\t<\/div>\n\t        \t<\/div>\n\t        \t\t\t        \t<div id=\"emi_chart_summery\" class=\"emi_chart_box\">\n\t\t\t\t\t\t\t\t<div class=\"emi_chart\">\n\t\t            \t<canvas id=\"myChart\" width=\"400\" height=\"400\"><\/canvas>\n\t\t            <\/div>\n\t\t          <\/div>\n\t          \t        <\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-309","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/finance.aipropixel.com\/index.php\/wp-json\/wp\/v2\/pages\/309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/finance.aipropixel.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/finance.aipropixel.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/finance.aipropixel.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/finance.aipropixel.com\/index.php\/wp-json\/wp\/v2\/comments?post=309"}],"version-history":[{"count":0,"href":"https:\/\/finance.aipropixel.com\/index.php\/wp-json\/wp\/v2\/pages\/309\/revisions"}],"wp:attachment":[{"href":"https:\/\/finance.aipropixel.com\/index.php\/wp-json\/wp\/v2\/media?parent=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}