Best books about Javasript

• JavaScript: The Definitive Guide
• JavaScript & DHTML Cookbook
• JavaScript Bible, Fifth Edition
• Beginning javascript

Javascript Mortgage calculator

Mortgage clculator for monthly payment (showing below) uses form to catch user's input. In javascript function, used patten : document.formName.ElementName.value to get Loan Amount, interest rate and term of loan. For example, value of loan amount in this example is loanamount=document.form.LoanAmount.value.

Copy paste the following the code to your web page you will have a morgage calculator.

<form action="POST" name="myform"> <table border="0" bgcolor="#CCCCCC" class="tablebody"> <tr> <td width="279" colspan="2" align="center"> <script language="JavaScript"> <!-- function Morgcal() { form = document.myform LoanAmount= form.LoanAmount.value DownPayment= "0" AnnualInterestRate = form.InterestRate.value/100 Years= form.NumberOfYears.value MonthRate=AnnualInterestRate/12 NumPayments=Years*12 Prin=LoanAmount-DownPayment MonthPayment=Math.floor((Prin*MonthRate)/(1-Math.pow((1+MonthRate),(-1*NumPayments)))*100)/100 form.NumberOfPayments.value=NumPayments form.MonthlyPayment.value=MonthPayment } // --> </script> <span class="style18"> <font size="2" face="arial narrow"><b><font size="2" face="arial narrow"><b>Mortgage</b></font> monthly payment Calculator</b> <br> Enter Your Details & Click the Calculate Button</font></span></td> </tr> <tr> <td class="tablecell"> <table border="0" cellpadding="2"> <tr> <td align="right"><span class="style18"><font size="2" face="arial narrow"><strong>Loan Amount</strong> $ </font></span></td> <td><span class="style18"><font size="2" face="arial narrow"> <input type="text" size="10" name="LoanAmount" value="180000" onblur="Morgcal()" onchange="Morgcal()"> <br> </font></span></td> </tr> <tr> <td align="right"><span class="style20"><font size="2" face="arial narrow">Annual Interest Rate </font></span></td> <td><span class="style18"><font size="2" face="arial narrow"> <input type="text" size="5" name="InterestRate" value="4.95" onblur="Morgcal()" onchange="Morgcal()"> % <br> </font></span></td> </tr> <tr> <td align="right"><span class="style20"><font size="2" face="arial narrow">Term of Loan </font></span></td> <td><span class="style18"><font size="2" face="arial narrow"> <input type="text" size="3" name="NumberOfYears" value="20" onblur="Morgcal()" onchange="Morgcal()"> Years<br> </font></span></td> <td><span class="style18"><font size="2" face="arial narrow"> </font></span></td> </tr> <tr align="right"> <td colspan="3"><span class="style18"><font size="2" face="arial narrow"> <input type="button" name="morgcal" value="Calculate" language="JavaScript" onClick="Morgcal()"> </font></span></td> </tr> </table> </td> </tr> <tr> <td bgcolor="#666666"><table border="0" cellpadding="2"> <tr> <td align="right"><span class="style18"><font size="2" face="arial narrow"> <strong>Number of Payment</strong>s </font></span></td> <td><font color="#FFFFFF" size="2" face="arial narrow"> <input type="text" size="7" name="NumberOfPayments"><br> </font></td> </tr> <tr> <td align="right"><span class="style18"><font size="2" face="arial narrow"><strong>Monthly Payment</strong> $ </font></span></td> <td><font color="#FFFFFF" size="2" face="arial narrow"><input type="text" size="7" name="MonthlyPayment"><br> </font></td> </tr> <tr> <td align="center" colspan="2"> </td> </tr> </table> </td> </tr> </table> </form>