Full version: jsB@nk » » Compounding Interest Calculator
URL: https://www.javascriptbank.com/compounding-interest-calculator.html
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.
Full version: jsB@nk » » Compounding Interest Calculator
URL: https://www.javascriptbank.com/compounding-interest-calculator.html
<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-->
<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-->
<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-->