{"id":4043,"date":"2023-12-23T06:51:04","date_gmt":"2023-12-23T06:51:04","guid":{"rendered":"https:\/\/finnomindsolutions.com\/?page_id=4043"},"modified":"2023-12-23T09:23:22","modified_gmt":"2023-12-23T09:23:22","slug":"financial-tools","status":"publish","type":"page","link":"https:\/\/finnomindsolutions.com\/index.php\/financial-tools\/","title":{"rendered":"Financial Tools"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4043\" class=\"elementor elementor-4043\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8611685 e-flex e-con-boxed e-con e-parent\" data-id=\"8611685\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-170506e elementor-widget elementor-widget-heading\" data-id=\"170506e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h3 class=\"elementor-heading-title elementor-size-default\">Calculate your EMI for different interest rates, loan amounts and loan tenures, using Finnomind Soutions EMI Calculator.<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f5d59b e-con-full e-flex e-con e-parent\" data-id=\"6f5d59b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db86364 elementor-widget elementor-widget-html\" data-id=\"db86364\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Document<\/title>\r\n   <style>\r\n   .loan-calculator {\r\n  font-family: \"Roboto\", sans-serif;\r\n  width: 800px;\r\n  margin: 0px auto;\r\n  background: #fff;\r\n  box-shadow: 0 12px 50px -11px rgba(0, 0, 0, 0.2);\r\n  border-radius: 8px;\r\n  color: #14213d;\r\n  overflow: hidden;\r\n  padding-bottom: 2rem;\r\n}\r\n\r\n.loan-calculator,\r\n.loan-calculator * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.loan-calculator .top {\r\n  background: #0D5797;\r\n  color: #fff;\r\n  padding: 32px;\r\n\r\n}\r\n\r\n.loan-calculator .top h2 {\r\n  margin-top: 0;\r\n  color:#fff;\r\n}\r\n\r\n.loan-calculator form {\r\n  display: flex;\r\n  gap: 8px;\r\n  justify-content: space-between;\r\n}\r\n\r\n.loan-calculator .title {\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.loan-calculator form input {\r\n  font-size: 20px;\r\n  padding: 8px 24px;\r\n  width: 100%;\r\n}\r\n\r\n.loan-calculator .result {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.loan-calculator .result .left {\r\n  width: 100%;\r\n  padding: 8px 32px;\r\n}\r\n\r\n.loan-calculator .left h3 {\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.loan-calculator .result .value {\r\n  font-size: 30px;\r\n  font-weight: 900;\r\n  padding-bottom: 10px;\r\n  border-bottom: 1px solid rgba(20, 33, 61, 0.2);\r\n}\r\n\r\n.loan-calculator .result .value::before {\r\n  content: \"\u20b9\";\r\n  font-size: 24px;\r\n  font-weight: 400;\r\n  margin-right: 6px;\r\n  opacity: 0.4;\r\n}\r\n\r\n\/*.loan-calculator .calculate-btn {*\/\r\n\/*  background: #0D5797;*\/\r\n\/*  color: #fff;*\/\r\n\/*  border: none;*\/\r\n\/*  padding: 8px 32px;*\/\r\n\/*  border-radius: 8px;*\/\r\n\/*  font-size: 18px;*\/\r\n\/*  font-weight: 900;*\/\r\n\/*  cursor: pointer;*\/\r\n\/*  margin: 24px 0;*\/\r\n\/*}*\/\r\n\r\n.top{\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n}\r\n.loan-calculator .calculate-btn {\r\n    min-width: 100px\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  background: #fff;\r\n  color: #0D5797;\r\n  border: none;\r\n  padding: px 32px;\r\n  border-radius: 8px;\r\n  font-size: 18px;\r\n  font-weight: 900;\r\n  cursor: pointer;\r\n  margin: 24px 0;\r\n  min-width: 17rem;\r\n}\r\n\r\n.loan-calculator .right {\r\n  width: 50%;\r\n}\r\n\r\n@media (max-width: 650px) {\r\n  .loan-calculator {\r\n    width: 90%;\r\n    max-width: 500px;\r\n  }\r\n\r\n  .loan-calculator form {\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  .loan-calculator .result {\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n}\r\n       \r\n   <\/style>\r\n  <\/head>\r\n  <body>\r\n    <div class=\"loan-calculator\">\r\n      <div class=\"top\">\r\n        <h2>Loan Calculator<\/h2>\r\n\r\n        <form action=\"#\">\r\n          <div class=\"group\">\r\n            <div class=\"title\">Amount<\/div>\r\n            <input type=\"text\" value=\"1000\" class=\"loan-amount\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"group\">\r\n            <div class=\"title\">Interest Rate (in %)<\/div>\r\n            <input type=\"text\" value=\"10\"  class=\"interest-rate\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"group\">\r\n            <div class=\"title\">Tenure (in months)<\/div>\r\n            <input type=\"text\" value=\"10\"  class=\"loan-tenure\" \/>\r\n          <\/div>\r\n        <\/form>\r\n        <button class=\"calculate-btn\">Calculate<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"result\">\r\n        <div class=\"left\">\r\n          <div class=\"loan-emi\">\r\n            <h3>Loan EMI<\/h3>\r\n            <div class=\"value\">123<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"total-interest\">\r\n            <h3>Total Interest Payable<\/h3>\r\n            <div class=\"value\">1234<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"total-amount\">\r\n            <h3>Total Amount<\/h3>\r\n            <div class=\"value\">12345<\/div>\r\n          <\/div>\r\n\r\n          <!--<button class=\"calculate-btn\">Calculate<\/button>-->\r\n        <\/div>\r\n\r\n        <div class=\"right\">\r\n          <canvas id=\"myChart\" width=\"400\" height=\"400\"><\/canvas>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- original pie chart-->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@3.6.2\/dist\/chart.min.js\"><\/script>\r\n    \r\n \r\n    \r\n\r\n    <script src=\"main.js\"><\/script>\r\n    <script>\r\nconst loanAmountInput = document.querySelector(\".loan-amount\");\r\nconst interestRateInput = document.querySelector(\".interest-rate\");\r\nconst loanTenureInput = document.querySelector(\".loan-tenure\");\r\n\r\nconst loanEMIValue = document.querySelector(\".loan-emi .value\");\r\nconst totalInterestValue = document.querySelector(\".total-interest .value\");\r\nconst totalAmountValue = document.querySelector(\".total-amount .value\");\r\n\r\nconst calculateBtn = document.querySelector(\".calculate-btn\");\r\n\r\nlet loanAmount = parseFloat(loanAmountInput.value);\r\nlet interestRate = parseFloat(interestRateInput.value);\r\nlet loanTenure = parseFloat(loanTenureInput.value);\r\n\r\nlet interest = interestRate \/ 12 \/ 100;\r\n\r\nlet myChart;\r\n\r\nconst displayChart = (totalInterestPayableValue) => {\r\n  const ctx = document.getElementById(\"myChart\").getContext(\"2d\");\r\n  myChart = new Chart(ctx, {\r\n    type: \"pie\",\r\n    data: {\r\n      labels: [\"Total Interest\", \"Principal Loan Amount\"],\r\n      datasets: [\r\n        {\r\n          data: [totalInterestPayableValue, loanAmount],\r\n        \/\/   backgroundColor: [\"#e63946\", \"#14213d\"],\r\n          backgroundColor: [\"#4BAFE1\", \"#0F63AC\"],\r\n          borderWidth: 0,\r\n        },\r\n      ],\r\n    },\r\n  });\r\n};\r\n\r\nconst updateChart = (totalInterestPayableValue) => {\r\n  myChart.data.datasets[0].data[0] = totalInterestPayableValue;\r\n  myChart.data.datasets[0].data[1] = loanAmount;\r\n  myChart.update();\r\n};\r\n\r\nconst calculateEMI = () => {\r\n  let emi =\r\n    loanAmount *\r\n    interest *\r\n    (Math.pow(1 + interest, loanTenure) \/\r\n      (Math.pow(1 + interest, loanTenure) - 1));\r\n\r\n  return emi;\r\n};\r\n\r\nconst updateData = (emi) => {\r\n  loanEMIValue.innerHTML = Math.round(emi);\r\n\r\n  let totalAmount = Math.round(loanTenure * emi);\r\n  totalAmountValue.innerHTML = totalAmount;\r\n\r\n  let totalInterestPayable = Math.round(totalAmount - loanAmount);\r\n  totalInterestValue.innerHTML = totalInterestPayable;\r\n\r\n  if (myChart) {\r\n    updateChart(totalInterestPayable);\r\n  } else {\r\n    displayChart(totalInterestPayable);\r\n  }\r\n};\r\n\r\nconst refreshInputValues = () => {\r\n  loanAmount = parseFloat(loanAmountInput.value);\r\n  interestRate = parseFloat(interestRateInput.value);\r\n  loanTenure = parseFloat(loanTenureInput.value);\r\n  interest = interestRate \/ 12 \/ 100;\r\n};\r\n\r\nconst init = () => {\r\n  refreshInputValues();\r\n  let emi = calculateEMI();\r\n  updateData(emi);\r\n};\r\n\r\ninit();\r\n\r\ncalculateBtn.addEventListener(\"click\", init);\r\n    \r\n<\/script>\r\n\r\n  <\/body>\r\n<\/html>\r\n\r\n\r\n\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Calculate your EMI for different interest rates, loan amounts and loan tenures, using Finnomind Soutions EMI Calculator. Document Loan Calculator Amount Interest Rate (in %) Tenure (in months) Calculate Loan EMI 123 Total Interest Payable 1234 Total Amount 12345<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/finnomindsolutions.com\/index.php\/wp-json\/wp\/v2\/pages\/4043"}],"collection":[{"href":"https:\/\/finnomindsolutions.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/finnomindsolutions.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/finnomindsolutions.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/finnomindsolutions.com\/index.php\/wp-json\/wp\/v2\/comments?post=4043"}],"version-history":[{"count":100,"href":"https:\/\/finnomindsolutions.com\/index.php\/wp-json\/wp\/v2\/pages\/4043\/revisions"}],"predecessor-version":[{"id":4151,"href":"https:\/\/finnomindsolutions.com\/index.php\/wp-json\/wp\/v2\/pages\/4043\/revisions\/4151"}],"wp:attachment":[{"href":"https:\/\/finnomindsolutions.com\/index.php\/wp-json\/wp\/v2\/media?parent=4043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}