onClick not working

View Answers

July 2, 2009 at 2:25 PM

Hi Friend,

<HTML>
<HEAD>
<TITLE>Student 070129 Assignment three</TITLE>
<SCRIPT LANGUAGE="JavaScript" >

function orderPizza() {
var name = document.order.name.value;
var addr = document.order.addr.value;
var tel = document.order.tel.value;
var chs = document.order.chs.value;
var pep = document.order.pep.value;
var sup = document.order.sup.value;
var costc;
var costp;
var costs;
var costt;
var pizzacount;
document.open();
document.write("<HTML><HEAD><TITLE>Student 070129 Assignment three page 3b</TITLE></HEAD>");
document.write("<BODY>");
document.write("<H2> "+ name + ", here is a summary of your order:</H2>");

costc=chs*5;
costp=pep*7;
costs=sup*9;
costt=costc+costp+costs;
pizzacount=chs*1+pep*1+sup*1;

document.write("<B>Name: </B>" + name + "<BR>");
document.write("<B>Delivery Address: </B>" + addr + "<BR>");
document.write("<B>Telephone number: </B>" + tel + "<BR>");

document.write("<B>You ordered " + chs + " Cheese Pizzas for a cost of " + costc + " dollars.</B><BR>");
document.write("<B>You ordered " + pep + " Pepperoni Pizzas for a cost of " + costp + " dollars.</B><BR>");
document.write("<B>You ordered " + sup + " Supreme Pizzas for a cost of " + costs + " dollars.</B><BR>");
document.write("<B>You have ordered a total of " + pizzacount + " Pizzas. We will call you at " + tel + " to confirm the order. </B><BR>");
document.write("<B>The total cost of your order is " + costt + " dollars.</B><BR>");
document.write('<form><input type=button value="Submit Pizza Order" onClick=alert("Pizzas..are..on..the..way");>');

document.write('<INPUT TYPE="button" VALUE="Cancel and go back" onClick="history.go(-1)"></form>');

document.write("</BODY>");
document.write("</HTML>");
document.close();
}

</SCRIPT>

</HEAD>
<H1 ALIGN = "center">Student 070129 Assignment three page 3a</H1>
<FORM NAME="order" method="post" >
<TABLE CELLPADDING="20" BORDER="5">
<TR >
<TD> Please enter your <B>Name:</B> <INPUT TYPE="text" NAME="name"> </TD>
<TD> Please enter your <B>Address:</B> <INPUT TYPE="text" NAME="addr"> </TD>
<TD> Please enter your <B>Telephone number:</B> <INPUT TYPE="text" NAME="tel"> </TD>
</TR>
<TR >
<TD> <B>How many Cheese at $5.00 each?:</B>
<SELECT NAME = "chs";">
<OPTION VALUE="0" SELECTED>0</OPTION>
<OPTION VALUE="1">1</OPTION>
<OPTION VALUE="2">2</OPTION>
<OPTION VALUE="3">3</OPTION>
<OPTION VALUE="4">4</OPTION>
</SELECT>
</TD>
<TD> <B>How many Pepperoni at $7.00 each?:</B>
<SELECT NAME = "pep";">
<OPTION VALUE="0" SELECTED>0</OPTION>
<OPTION VALUE="1">1</OPTION>
<OPTION VALUE="2">2</OPTION>
<OPTION VALUE="3">3</OPTION>
<OPTION VALUE="4">4</OPTION>
</SELECT>
</TD>
<TD> <B>How many Supreme at $9.00 each?:</B>
<SELECT NAME = "sup";">
<OPTION VALUE="0" SELECTED>0</OPTION>
<OPTION VALUE="1">1</OPTION>
<OPTION VALUE="2">2</OPTION>
<OPTION VALUE="3">3</OPTION>
<OPTION VALUE="4">4</OPTION>
</SELECT>
</TD>

</TR>

<TR>
<TD COLSPAN = "2" >
To place the order click the <INPUT TYPE="button" NAME="order" VALUE="Order Pizza" ONCLICK="orderPizza();" ><BR>
To cancel the order and start over, click the <INPUT TYPE="button" NAME="Cancel" VALUE="Cancel" ONCLICK = "window.location.reload()">

</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
Thanks