html - JavaScript: ReferenceError: homeLoanForm is not defined -
i'm working on homework lot of predefined code. when run code, far, firebug throws "referenceerror: homeloanform not defined." i'm not sure what's going on, since didn't write of code.
<!doctype html> <html> <head> <meta charset="utf-8"> <title>chapter 10 shoreline state bank</title> <script type="text/javascript"> <!-- hide old browsers --> var admsg = " ** did know used cars can have 100% loan value? ask details! ** " var beginpos = 0 function scrollingmsg() { msgform.scrollingmsg.value = admsg.substring(beginpos, admsg.length)+admsg.substring(0, beginpos) beginpos=beginpos+1 if (beginpos>admsg.length) { beginpos=0 } window.settimeout("scrollingmsg()",200) } var salesamt var loanamt var loanrate var loanyears function validsalesamt() { var salesamt=parseint(homeloanform.saleamount.value,10) if (isnan(salesamt) || (salesamt <= 0)) { alert("the sales price not valid number!") homeloanform.saleamount.value = "" homeloanform.saleamount.focus() } else { var downpmtamt=parseint(homeloanform.downpayment.value,10) if (isnan(downpmtamt) || (downpmtamt <= 0) || (downpmtamt > salesamt)) { alert("the down payment should greater 0 , less sales amount!") homeloanform.downpayment.value = "" homeloanform.downpayment.focus() } else{ loanamt = salesamt-downpmtamt homeloanform.loanamount.value = loanamt homeloanform.rate.focus() } } } function calcloanamt() { loanrate=parsefloat(homeloanform.rate.value) if (isnan(loanrate) || (loanrate <= 0)) { alert("the interest rate not valid number!") homeloanform.rate.value = "" homeloanform.rate.focus() } else { loanyears=homeloanform.years.value if (isnan(loanyears) || (loanyears < 1 || loanyears > 30)) { alert("please select valid number list (10, 15, 20, or 30)!") homeloanform.years.selectedindex = 0 homeloanform.years.focus() } } } //--> </script> <style type="text/css"> <!-- .align-center { text-align:center; } table { margin-left: auto; margin-right: auto; width: 70%; } .block { width: 50%; margin-right: auto; margin-left: auto; } .center-div { width: 70%; margin-right: auto; margin-left: auto; } .header-text { font-family: arial, helvetica, sans-serif; font-size: 12pt; font-weight: bold; text-align: center; } .center-items { text-align: center; } .right-align { text-align: right; width: 50%; } .left-align { text-align: left; width: 50%; } #displaydatelast { text-align: left; width: 50%; margin-right: auto; margin-left: auto; } --> </style> </head> <body onload="scrollingmsg();"> <div class="center-div"> <p class="center-items"><img src="chapter10-1banner.jpg" alt="banner" /></p> </div> <div class="center-div"> <form id="msgform"> <p style="text-align: center;"><input type="text" name="scrollingmsg" size="25" /></p> </p> </div> <p style="text-align:center; font-size:16; font-weight:bold;">home mortgage loan payment calculator</p> <p class="block"><strong>directions: </strong>enter agreed selling price, press tab key, enter down payment , press tab key. loan amount calculated automatically. enter interest rate , number of years loan , click calculate button.</p> <div class="center-div"> <form id="homeloanform" method="post"> <table> <tr> <td class="right-align"> <span style="color:#cc0000;">*</span>sales price: </td> <td class="align-left"><input type="text" name="saleamount" size="9" /></td> </tr> <tr> <td class="right-align"> <span style="color:#cc0000;">*</span>down payment in dollars </td> <td class="align-left"><input name="downpayment" type="text" id="downpayment" size="9" onblur="validsalesamt()" /></td> </tr> <tr> <td class="right-align"> <span style="color:#cc0000;">*</span>loan amount </td> <td class="align-left"><input name="loanamount" type="text" id="loanamount" size="9" /> </td> </tr> <tr> <td class="right-align"> <span style="color:#cc0000;">*</span>interest rate (e.g. 5.9): </td> <td class="align-left"><input name="rate" type="text" id="rate" size="5" maxlength="5" /> </td> </tr> <tr> <td class="right-align"> <span style="color:#cc0000;">*</span>number of years: </td> <td><select name="years" id="years"> <option value="0">select number of years</option> <option value=10>10</option> <option value=15>15</option> <option value=20>20</option> <option value=30>30</option> </select></td> </tr> <tr> <td class="right-align"> <input name="button" type="button" value="calculate" onclick="calcloanamt()" /> </td> <td class="align-left"> <input name="reset" type="reset" /> </td> </tr> <tr> <td class="right-align"> <span style="font-weight:bolder;">monthly payment:</span> </td> <td><input type="text" name="payment" id="payment" value=" " size="12" /></td> </tr> <tr> <td colspan="2" class="align-center"> <span style="color:#cc0000; font-size:12px;">* indicates required field.</span> </td> </tr> </table> </form> </div> </body> </html>
well, never defined variable homeloanform
in code.
assuming should refer form same id, make sure define before using it, e.g.:
var homeloanform = document.getelementbyid('homeloanform');
Comments
Post a Comment