<!DOCTYPE html>
<html lang="en">
<!--
ITEC225 Assignment 5
This HTML document is an
order form for a fictional
New York Style Pizza Restaurant, template file -->
<head><title>Vinny's New York Style Pizza</title>
<meta charset="utf-8" />
<style type="text/css">
body {margin-left:50px;
margin-right:50px;
font-size:16pt;
font-weight:bold;
}
h3 {border-style:solid;}
th,td {font-weight:bold;
font-size:14pt;
padding:0.50em;
border-style:solid;border-color:red;border-width:0.2em;
background-color:#E0E0E0;
}
caption {font-weight:bold;padding:0.5em;border-style:solid;
border-color:red;border-width:0.2em;background-color:lightblue;}
#outp {background-color:#FFFF66;width:20em;}
table {border-collapse:collapse;border-style:solid;border-color:red;border-width:0.2em;}
</style>
<script type="text/javascript">
function totalcost(){
var type;
var newline= "";
";
var sum=0.00;
var toppings="";
if( document.getElementById("small").checked==true){
type="Small Pizza";
sum+=10.00;
}
if( document.getElementById("medium").checked==true){
type="Medium Pizza";
sum+=12.00;
}
if( document.getElementById("large").checked==true){
type="Large Pizza";
sum+=16.00;
}
if( document.getElementById("pepperoni").checked==true){
toppings=toppings+"Pepperoni, ";
sum+=1.00;
}
if( document.getElementById("olives").checked==true){
toppings=toppings+"Olives, ";
sum+=0.50;
}
if( document.getElementById("sausage").checked==true){
toppings=toppings+"Sausage, ";
sum+=1.00;
}
if( document.getElementById("peppers").checked==true){
toppings=toppings+"Peppers, ";
sum+=0.50;
}
if( document.getElementById("onions").checked==true){
toppings=toppings+"Onions, ";
sum+=0.50;
}
var length = toppings.length;
toppings = toppings.slice(0,length-2);
calculate(){
document.getElementById("opta").innerHTML = type+newline+toppings"+newline+"toppings"+newline+"Price - $"+sum.toFixed(2);
}
</script>
<body>
<form action="" method="post" >
<table>
<caption>Vinny's New York Style Pizza <br />
On-line Order Form </caption>
<tr>
<td colspan="3">First Name:
<input type="text" maxlength="10" name="fn" id="fn" />
(all alphabetics max length 10)
</td>
<th rowspan="10" class="outp"><h3>Order Details</h3><p id="opta">"Output"</p></th>
</tr>
<tr>
<td colspan="3">Phone #:
<input type="text" maxlength="8" name="ph" id="ph" />
Format: ddd-dddd
</td>
</tr>
<tr>
<th colspan="3">
SIZE: Select the size pizza you want:<br />
</th>
</tr>
<tr>
<td><input type="radio" name="size" id="small" value="10" checked="checked"/>Small - $10.00</td>
<td><input type="radio" name="size" id="med" value="12" />Medium - $12.00</td>
<td><input type="radio" name="size" id="large" value="16" />Large - $16.00</td>
</tr>
<tr>
<th colspan="3">
SAUCE: Select the sauce for your pizza:<br />
</th>
</tr>
<tr>
<td><input type="radio" name="sauce" id="marinara" value="marinara" checked="checked"/>Marinara </td>
<td><input type="radio" name="sauce" id="meat" value="meat" />Tomato with meat</td>
<td><input type="radio" name="sauce" id="white" value="white" />White</td>
</tr>
<tr>
<th colspan="3">
TOPPINGS: Select the toppings for your pizza
</th>
</tr>
<tr>
<td>
<input type="checkbox" id="pepperoni" value="pepperoni" />Pepperoni ($1.00)
</td>
<td>
<input type="checkbox" id="onions" value="onions" />Onions ($0.50)
</td>
<td>
<input type="checkbox" id="sausage" value="sausage" />Sausage ($1.00)
</td>
</tr>
<tr>
<td>
<input type="checkbox" id="greenPeppers" value="greenPeppers" />Green Peppers ($0.50)
</td>
<td>
<input type="checkbox" id="olives" value="olives" />Olives ($0.50)
</td>
<td>
<input type="checkbox" id="extraCheese" value="extraCheese" />Extra Cheese ($1.00)
</td>
</tr>
<tr>
<th colspan="3">
<input type="button" onclick="calculate();" value="Price (Submit Button)"/>
<input type="reset" value="Clear Form"/>
</tr>
</table>
</form>
</body>
</html>
... I've learned quite a bit just reading here the past few hours. I have that in there but I'm getting just this