Been working on it for hours... Any ideas of what is wrong? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-Type" content="text/html;charset=utf-8" /> <title> Irish HomeLand Micro-Brewrey Cost Calculator </title> <script language ="JavaScript" type="text/javascript"> <!-- var value; var type; var quantity; var nam; var i = 1; function calculate() { type = Beverage.selectedIndex; quantity = Quantity.selectedIndex + 1; value = i; nam = "I"+ value; form1.(nam).value=Beverage.options[type].text; nam = "U"+ value; form1.(nam).value=Beverage.options[type].value; nam = "Q" + value; form1.(nam).value=quantity; nam = "P" + value; document.form1.(nam).value=quantity*Beverage.options[type].value+ 5*quantity; i++; } //--> </script> </head> <body bgcolor="#63bdb5"> <center><H1>Irish HomeLand Micro-Brewrey Cost Calculator</H1></center> <Center><font face="Monospace">Order Below</font> </p></Center> <p></p> <center> Beverage <SELECT NAME="Beverage"> <OPTION SELECTED VALUE=24.99>Shamrock Ale - Cost: 24.99 <OPTION VALUE=27.99>Lucky Pillsner - Cost 27.99 <OPTION VALUE=24.99>Irish Wheat - Cost 27.99 <Option VALUE=32.99>Irish Malt - Cost 32.99 <Option VALUE=35.99>Shamrock Rye - Cost 35.99 </SELECT> Quantity <SELECT NAME="Quantity"> <OPTION>1 <OPTION>2 <OPTION>3 <Option>4 <Option>5 <Option>6 <Option>7 <Option>8 <Option>9 <Option>10 </SELECT> <INPUT TYPE="button" VALUE="Add to List" onClick="calculate();"> </center> <p></p> <form name="form1" id="form1"> <center> <table border="1"> <tr> <th> Item Description </th> <th> Unit Price </th> <th> Qty </th> <th> Price(unit x qty+ship) </th> </tr> <tr> <td><INPUT TYPE=text NAME="I1" readonly> </td> <td><INPUT TYPE=text NAME="U1" readonly> </td> <td><INPUT TYPE=text NAME="Q1" readonly> </td> <td><INPUT TYPE=text NAME="P1" readonly> </td> </tr> <tr> <td><INPUT TYPE=text NAME="I2" readonly> </td> <td><INPUT TYPE=text NAME="U2" readonly> </td> <td><INPUT TYPE=text NAME="Q2" readonly> </td> <td><INPUT TYPE=text NAME="P2" readonly> </td> </tr> <tr> <td><INPUT TYPE=text NAME="I3" readonly> </td> <td><INPUT TYPE=text NAME="U3" readonly> </td> <td><INPUT TYPE=text NAME="Q3" readonly> </td> <td><INPUT TYPE=text NAME="P3" readonly> </td> </tr> <tr> <td><INPUT TYPE=text NAME="I4" readonly> </td> <td><INPUT TYPE=text NAME="U4" readonly> </td> <td><INPUT TYPE=text NAME="Q4" readonly> </td> <td><INPUT TYPE=text NAME="P4" readonly> </td> </tr> <tr> <td><INPUT TYPE=text NAME="I5" readonly> </td> <td><INPUT TYPE=text NAME="U5" readonly> </td> <td><INPUT TYPE=text NAME="Q5" readonly> </td> <td><INPUT TYPE=text NAME="P5" readonly> </td> </tr> <tr> <td><INPUT TYPE=text NAME="I6" readonly> </td> <td><INPUT TYPE=text NAME="U6" readonly> </td> <td><INPUT TYPE=text NAME="Q6" readonly> </td> <td><INPUT TYPE=text NAME="P6" readonly> </td> </tr> <tr> <td>Total Price </td> <td><INPUT TYPE=text NAME="total" readonly> </td> </td> </tr> </table> </center> </form> </body> Code (markup):
Corrected by Neo from htttp://www.expertcore.org <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-Type" content="text/html;charset=utf-8" /> <title> Irish HomeLand Micro-Brewrey Cost Calculator </title> <script language="javascript" type="text/javascript"> <!-- var type1; var quantity; var nam; var tot; var i = 1; var j; function calculate() { // Clear boxes if (i==1){ for (j=1; j<=6; j++){ nam = "I" + j; document.form1[nam].value = ""; nam = "U" + j; document.form1[nam].value = ""; nam = "Q" + j; document.form1[nam].value = ""; nam = "P" + j; document.form1[nam].value = ""; } document.form1.total.value = ""; } if (i <= 6) { type1 = document.form1.Beverage.selectedIndex; quantity = document.form1.Quantity.selectedIndex + 1; nam = "I" + i; document.form1[nam].value = document.form1.Beverage.options[type1].text; nam = "U" + i; document.form1[nam].value = document.form1.Beverage.options[type1].value; nam = "Q" + i; document.form1[nam].value = quantity; nam = "P" + i; document.form1[nam].value = quantity * ( document.form1.Beverage.options[type1].value + 5 ); tot = 0.0; document.form1.total.value = ""; // calculate total for (j=1; j<=i; j++){ nam = "P" + j; tot = tot + Number(document.form1[nam].value); } document.form1.total.value = tot; i++; } } //--> </script> </head> <body bgcolor="#63bdb5"> <center><H1>Irish HomeLand Micro-Brewrey Cost Calculator</H1></center> <Center><font face="Monospace">Order Below</font> </p></Center> <p></p> <form name="form1" id="form1"> <center> Beverage <SELECT NAME="Beverage"> <OPTION SELECTED VALUE=24.99>Shamrock Ale - Cost: 24.99 <OPTION VALUE=27.99>Lucky Pillsner - Cost 27.99 <OPTION VALUE=24.99>Irish Wheat - Cost 27.99 <Option VALUE=32.99>Irish Malt - Cost 32.99 <Option VALUE=35.99>Shamrock Rye - Cost 35.99 </SELECT> Quantity <SELECT NAME="Quantity"> <OPTION>1 <OPTION>2 <OPTION>3 <Option>4 <Option>5 <Option>6 <Option>7 <Option>8 <Option>9 <Option>10 </SELECT> <INPUT TYPE="button" VALUE="Add to List" onClick="calculate();"> </center> <p></p> <center> <table border="1"> <tr> <th> Item Description </th> <th> Unit Price </th> <th> Qty </th> <th> Price(unit x qty+ship) </th> </tr> <tr> <td><INPUT TYPE=text NAME="I1" readonly> </td> <td><INPUT TYPE=text NAME="U1" readonly> </td> <td><INPUT TYPE=text NAME="Q1" readonly> </td> <td><INPUT TYPE=text NAME="P1" readonly> </td> </tr> <tr> <td><INPUT TYPE=text NAME="I2" readonly> </td> <td><INPUT TYPE=text NAME="U2" readonly> </td> <td><INPUT TYPE=text NAME="Q2" readonly> </td> <td><INPUT TYPE=text NAME="P2" readonly> </td> </tr> <tr> <td><INPUT TYPE=text NAME="I3" readonly> </td> <td><INPUT TYPE=text NAME="U3" readonly> </td> <td><INPUT TYPE=text NAME="Q3" readonly> </td> <td><INPUT TYPE=text NAME="P3" readonly> </td> </tr> <tr> <td><INPUT TYPE=text NAME="I4" readonly> </td> <td><INPUT TYPE=text NAME="U4" readonly> </td> <td><INPUT TYPE=text NAME="Q4" readonly> </td> <td><INPUT TYPE=text NAME="P4" readonly> </td> </tr> <tr> <td><INPUT TYPE=text NAME="I5" readonly> </td> <td><INPUT TYPE=text NAME="U5" readonly> </td> <td><INPUT TYPE=text NAME="Q5" readonly> </td> <td><INPUT TYPE=text NAME="P5" readonly> </td> </tr> <tr> <td><INPUT TYPE=text NAME="I6" readonly> </td> <td><INPUT TYPE=text NAME="U6" readonly> </td> <td><INPUT TYPE=text NAME="Q6" readonly> </td> <td><INPUT TYPE=text NAME="P6" readonly> </td> </tr> <tr> <td>Total Price </td> <td></td> <td></td> <td><INPUT TYPE=text NAME="total" readonly> </td> </td> </tr> </table> </center> </form> </body> Code (markup):