Home / JavaScript / Loan EMI Calculator Script and Widget

Loan EMI Calculator Script and Widget

Loan EMI Calculator Javascript Code : Here is the EMI calculator for Loan when we have to calculate the Estimated Monthly Instalments (EMI) while taking loans here is the program how to make such calculator.


Advantages: What all this EMI Calculator does?

  • This is also a AJAX based JavaScript that calculates the results thereby without loading the page again.
  • It provides you the graphical representation of Break up of total payment that has to be done that includes the principle loan amount and The total interest only that is to be paid.
  • The Instant calculation of Loan EMI  , Total Interest Payable and Total Payments to be done.
  • This can be used as EMI Calculator for Banks like HDFC, ICICI, SBI, AXIS etc.
  • This can be also used for calculating Home loans, Personal Loan, car loans , credit card, LIC loan

EMI Calculator Source Code – Widget

You can download the source code or use it directly as Blogger widget by adding it to a html/javascript widget and also as a WordPress widget. You can use it in your WordPress pages or individual posts by just using this specified code:

<!-- Loan EMI Calculator --><script src="http://programcodelib.com/wp-content/uploads/2015/07/emi.js" type="text/javascript"></script>
<div align="center" id="ecww-widgetwrapper" style="min-width:250px;width:90%;">
  <div id="ecww-widget" style="position:relative;padding-top:0;padding-bottom:280px;height:0;overflow:hidden;"></div>
<div id="ecww-more" style="background:#333;font:normal 13px/1 Helvetica, Arial, Verdana, Sans-serif;padding:10px 0;color:#FFF;text-align:center;width:100%;clear:both;margin:0;clear:both;float:left;">
 <a style="background:#333;color:#FFF;text-decoration:none;border-bottom:1px dotted #ccc;" href="http://www.getprogramcode.com" title="Loan EMI Calculator" target="_blank">Getprogramcode</a>
</div><!-- EMI Calculator-->

Also this is a responsive Calculator that can adjust with Mobile version of the site or in an Application for Windows and Android. This responsive or mobile friendly Source code for EMI Calculator will help many developers to make a finance/credit/loan/insurance related websites.

This Program / Source code uses 3 textbox fields (loan amount, interest rate and Loan Tenure – periods In year),

You can also download the individual JavaScript files to make your own calculator to embed in your websites.

Calculate and Use it Now Online


Java Scripts to make your OWN EMI Loan Calculator

This below given Java script cant be used individually to make your own EMI Calculator rather you have to download other files and combine them all to make your own EMI Calculator.

(function(){function b(){var a=280;768>document.getElementById("ecww-widgetwrapper").offsetWidth&&(a=840);document.getElementById("ecww-widget-iframe").setAttribute("style","position:absolute;top:0;left:0;width:100%;height:100%;");document.getElementById("ecww-widget").setAttribute("style","position:relative;padding-top:0;height:0;overflow:hidden;padding-bottom:"+a+"px;")}window.onload=function(){var a=document.createElement("iframe");a.id="ecww-widget-iframe";a.frameBorder=0;a.scrolling="no";a.width=


Here are the step by step instructions to make your own Calculator to calculate EMI and interest perm month or annually:

#1  As you have seen the script in Code #A to embed in your website that has a file named emi.js

open the url http://programcodelib.com/wp-content/uploads/2015/07/emi.js

Download this javascript and save the file with the same name.

#2 This java script file further contains a page named EMICALC.HTML

Open the url and press CTRL +U to view the source code – http://programcodelib.com/Pages/emicalc.html

Save this HTML File

#3 This File further contains many js files and css file you can change the css and styling of this calculator as it is or else you can also leave this file asit is.

#4 Upload the file to your servers on the website then edit the URL/PATH to the javascripts and seen in the file name EMICALC.HTML

Now use the Code #A in your website to embed EMI Calculator anywhere you want.


Leave a Reply

Your email address will not be published. Required fields are marked *

Preventing spam * Time limit is exhausted. Please reload the CAPTCHA.