« »

This compounding interest calculator can show your visitors how much they can save for retirement or other purpose. It also provides your users with the ability of viewing an amortization schedule showing what they will earn during each month. You can easily adjust the style section to make it match your site's color scheme.

Label: Compounding Interest Calculator

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
CSS
JavaScript
HTML
Print

Copy All x2

<style type="text/css">
<!-- Paste this code into the CSS section of your HTML document  -->

.ddCalc{border:1px solid black;}
.ddCalc TH{background-color:#BBBBBB;}
.ddCalc TD{background-color:#DDDDDD;}
.ddCalc A:link, .ddCalc a:hover, .ddCalc a:active, .ddCalc a:visited {color:#990000;}
</style>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<script language="javascript">
// Created by: Jeremy Zongker :: http://www.destroydebt.com/

function ddCalc(showAmort) {
  if (document.getElementById('ddInitialDeposit').value=='') {alert('Please enter an initial deposit amount.'); return;}
  if (document.getElementById('ddContribution.value')=='') {alert('Please enter a monthly contribution amount.'); return;}
  if (document.getElementById('ddRate.value')=='') {alert('Please enter an assumed rate of return.'); return;}
  if (document.getElementById('ddYears.value')=='') {alert('Please enter either the number of years.'); return;}

  var mRate=(document.getElementById('ddRate').value/100)/12;
  var maxMonths=999999;
  var maxAmount=99999999999;

  if (document.getElementById('ddYears').value!='') maxMonths=document.getElementById('ddYears').value*12;

  var amort='<table width=100% cellpadding=2 cellspacing=0 border=1 style="text-align:right;"><tr><th>Month</th><th>Contributions</th><th>Interest</th><th>Total</th></tr>';

  //Get a decimal
  var currentAmount=0.1-0.1;
  var currentContributions=0.1-0.1;
  var currentInterest=0.1-0.1;

  currentAmount+=document.getElementById('ddInitialDeposit').value
  currentContributions+=document.getElementById('ddInitialDeposit').value;
  var monthlyAmount=Number(document.getElementById('ddContribution').value);

  var currentMonth=0;

  while (currentMonth<maxMonths && currentAmount<maxAmount) {
    currentMonth++;
    var interest=Number(currentAmount)*Number(mRate);
    currentInterest=Number(currentInterest) + Number(interest);
    currentContributions=Number(currentContributions) + monthlyAmount;
    currentAmount=Number(currentAmount)+Number(interest)+monthlyAmount;
    amort+='<tr><td>' + currentMonth + '</td><td>$' + Number(currentContributions).toFixed(2) + '</td><td>$' + Number(currentInterest).toFixed(2) + '</td><td>$' + Number(currentAmount).toFixed(2) + '</td></tr>';
  }

  document.getElementById('ddResult').innerHTML="With an initial deposit of $" + Number(document.getElementById('ddInitialDeposit').value).toFixed(2) + ", monthly contributions of $" + monthlyAmount.toFixed(2) + " and an assumed annual interest rate of " + document.getElementById('ddRate').value + "% for " + Number(currentMonth)/12 + " years, you will earn a total of $" + Number(currentAmount).toFixed(2) + ".";
  if (showAmort) {
    document.getElementById('ddResult').innerHTML+='<BR><BR><B>Amortization Schedule</B><BR><div style="overflow: scroll;height: 200px;">' + amort + '</table></div>';
  } else {
    document.getElementById('ddResult').innerHTML+=' <p align="center"><a href="javascript:ddCalc(true);">Show Amortization</a></p>';
  }
}
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<table class="ddCalc" border=0 cellpadding=0 cellspacing=0 width=400>
  <tr><th>Compounding Interest Calculator</th></tr>
  <tr><td align=center>
    <table cellpadding=2 cellspacing=0>
      <tr><td align="right">Initial Deposit Amount: $</td><td><input size=6 type=text id="ddInitialDeposit"></td></tr>

      <tr><td align="right">Monthly Contribution: $</td><td><input size=6 type=text id="ddContribution"></td></tr>
      <tr><td align="right">Assumed Annual Return: </td><td><input size=6 type=text id="ddRate">%</td></tr>
      <tr><td align="right">Number of years: </td><td><input size=6 type=text id="ddYears"></td></tr>
      <tr><td colspan=2 align="center"><input type=button value="Calculate" onclick="ddCalc(false);"></td></tr>
      <tr><td colspan=2 align="center" id="ddResult"></td></tr>
    </table>
  </td></tr>

  <tr><td align=right valign=top style="font-weight:bold;font-size:8pt;">Powered 
	by:<a href="http://www.destroydebt.com/" target="_blank"><img src="http://www.destroydebt.com/images/logosmall.png" border="0" alt="debt help"></a></td></tr>
</table>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->