Nandakumar
Content Network

You are not logged in.
Click here to login.

Some part of this library is not public. You must register to get exclusive access. If you are already registered, click here to login.


Web Development >> 2016

Compound Interest Calculator Using JavaScript

By | | License: proprietary


Given below is the code to create a simple web app that calculates compound interest. You can paste it into a text editor (e.g.: gEdit or Notepad), save it with a filename that has the extension .html (e.g.: simpleint.html), open it in a web browser, and run it.

<html>
    <head>
	<title>Web App for Compound Interest Calculation</title>

        <script>
            function calculate()
            {
                p = document.getElementById("p").value;
                n = document.getElementById("n").value; // no. of compoundings per year
                t = document.getElementById("t").value; // no. of years
                r = document.getElementById("r").value;
                result = document.getElementById("result");

                // The equation is A = p * [[1 + (r/n)] ^ nt]
                A = (p* Math.pow((1 + (r/(n*100))), (n*t)));

                // toFixed is used for rounding the amount with two decimal places.
                result.innerHTML = "The total amount is " + A.toFixed(2);

                result.innerHTML += "<br> The interest is " + (A.toFixed(2) - p).toFixed(2);
            }
        </script>
        <style>
            div {
                display: table-row;
            }

            label, input {
                display: table-cell;
            }
        </style>
    </head>

    <body>
        <h1>Compound Interest Calculation</h1>

        <div> <label>Amount: </label> <input id="p"> </div>
        <div> <label>Rate (%): </label> <input id="r"> </div>
        <div> <label>No. of Years: </label> <input id="t"> </div>
        <div> <label>Compunding Times Per Year: </label> <input id="n" value="1"> </div>

        <button onclick="calculate()">Calculate</button>

        <p id="result"></p>
    </body>
</html>

Compound Interest Calculation


Keywords (click to browse): javascript compound-interest compound-interest-calculator interest-calculator-in-javascript js web internet websites web-designing web-programming web-apps www

Compound Interest Calculator Using JavaScript | Nandakumar Content Network
Copyright © 2015, 2016, 2017 Nandakumar Edamana.