Thursday, October 19, 2017
Home » Javascript » EMI Calculator in JavaScript

EMI Calculator in JavaScript

When calculating amortization, it’s important to match your rate to your term. So if your loan compounds monthly, divide the rate by 12 to get the monthly interest rate.

EMI Calculator in JavaScript

<html>
        <head>
                <title>EMI Calculator</title>
        <script type="text/javascript">
        function emi()
        {
                var P = document.formval.pr_amt.value; // pick the form input value..
                var rate = document.formval.int_rate.value; // pick the form input value..
                var n = document.formval.period.value; // pick the form input value..
                var r = rate/(12*100); // to calculate rate percentage..
                var prate = (P * r * Math.pow((1+r),n))/(Math.pow((1+r),n)-1); // to calculate compound interest..
                var emi = Math.ceil(prate * 100) / 100; // to parse emi amount..
        // to assign value in field1 as fixed upto two decimal..
                document.formval.field1.value = emi.toFixed(2);
        //to assign value in field2..   
                var tot = Math.round(document.formval.field1.value * n * 100)/100; // to calculate total amount
                document.formval.field2.value = Math.abs(tot);
        // to assign value in field3..  
                var int_amt = document.formval.field2.value - P; // to calculate net interest amount
                document.formval.field3.value =  int_amt.toFixed(2);
        } 
        </script>
        </head>
        <body>
        <form name="formval">
                <table cellpadding=3>
                <caption><b><u>EMI Calculator</u></b></caption>
                        <tr>
                                <td>Principal Amount :</td>
                                <td><input name="pr_amt" type="text"></td>
                        </tr>
                        <tr>
                                <td>Interest Rate :</td>
                                <td><input name="int_rate" type="text"></td>
                        </tr>
                        <tr>
                                <td>Period (Months) :</td>
                                <td><input name="period" type="text"></td>
                        </tr>
                </table>
                <br><input type="button" name="calculate" value="Calculate" onclick="emi()">
                <br>
                <table cellpadding=3>
                        <tr>
                                <td>EMI :</td>
                                <td><input name="field1" type="text" readonly></td>
                        </tr>
                        <tr>
                                <td>Interest Amount :</td>
                                <td><input name="field3" type="text" readonly></td>
                        </tr>
                        <tr>
                                <td>Total Amount :</td>
                                <td> <input name="field2" type="text" readonly></td>
                        </tr>
                </table>
        </form>
        </body>
        </html>
View Demo