Menu
Everything works but when I click on the button I get an NaN error where the left number should increase by one. Any thoughts. I eventually have to increase the other numbers in the same row, any help with that would be appreciated as well.
Jeremy__31
<html>
<head>
<title>Pasquale’s Italian Style Party Sub Sandwiches </title>
<script language =”JavaScript” type=”text/javascript”>
<!–
function chooseimage(){
var num;
var expandednum;
var index;
num = Math.random();
expandednum = num * 11;
index = Math.floor(expandednum);
switch(index){
case 0:
document.place.src = “sub1.jpg”;
break;
case 1:
case 2:
case 3:
document.place.src = “sub2.jpg”;
break;
case 4:
case 5:
document.place.src = “sub3.jpg”;
break;
case 6:
case 7:
document.place.src = “sub4.jpg”;
case 8:
case 9:
default:
document.place.src = “sub5.jpg”;
}
}
function SetNumber(){
var myInch;
myInch = document.getElementById(“tablebody”);
myInch.counter = 7;
}
function Veggies1(){
document.veggies.src = “veggies2.jpg”
}
function Veggies2(){
document.veggies.src = “veggies1.jpg”
}
function Turkey1(){
document.turkey.src = “turkey2.jpg”
}
function Turkey2(){
document.turkey.src = “turkey1.jpg”
}
function Roastbeef1(){
document.roastbeef.src = “roastbeef2.jpg”
}
function Roastbeef2(){
document.roastbeef.src = “roastbeef1.jpg”
}
function AddRowandPrice(){
var myInch;
var myVeggiePrice;
var myTurkeyPrice;
var myRoastBeefPrice;
var myCell4
var myCell;
var myCell1;
var myCell2;
var myCell3;
var myRow;
var myNewRow;
var row;
myInch = document.getElementById(“tablebody”);
myInch.counter ++
myInch = document.createTextNode(myInch.counter+”””);
myVeggiePrice = document.createTextNode(“$2.00”);
myTurkeyPrice = document.createTextNode(“$3.20”);
myRoastBeefPrice = document.createTextNode(“$4.40”);
myCell = document.createElement (“td”);
myCell1 = document.createElement (“td”);
myCell2 = document.createElement (“td”);
myCell3 = document.createElement (“td”);
myCell.appendChild(myInch);
myCell1.appendChild(myVeggiePrice);
myCell2.appendChild(myTurkeyPrice);
myCell3.appendChild(myRoastBeefPrice);
myRow = document.createElement (“tr”);
myRow.align =”center”
myRow.appendChild(myCell);
myRow.appendChild(myCell1);
myRow.appendChild(myCell2);
myRow.appendChild(myCell3);
myNewRow = document.getElementById(“tablebody”);
myNewRow.appendChild(myRow);
}
// –>
</script>
</head>
<body bgcolor = “Cyan” onLoad = “chooseimage();” onLoad = “SetNumber();”>
<script language =”JavaScript” type=”text/javascript”>
<!–
// –>
</script>
<center> <img src = “sub1.jpg” name = “place” height = 200 width = 300> </center>
<br>
<br>
<center>
<table border = 1>
<tbody id =”tablebody”>
<tr>
<td> </td>
<td>
<a href = “#” border = 0 onMouseOver = “Veggies1();” onMouseOut=”Veggies2();”>
<img src = “veggies1.jpg” height = 200 width = 150 name = “veggies”>
</a>
<br>
<center> Veggies </center>
</td>
<td>
<a href = “#” border = 0 onMouseOver = “Turkey1();” onMouseOut=”Turkey2();”>
<img src = “turkey1.jpg” height = 200 width = 150 name = “turkey”>
</a>
<br>
<center> Turkey </center>
</td>
<td>
<a href = “#” border = 0 onMouseOver = “Roastbeef1();” onMouseOut=”Roastbeef2();”>
<img src = “roastbeef1.jpg” height = 200 width = 150 name = “roastbeef”>
</a>
<br>
<center> Roast Beef </center>
</td>
<tr>
<td> <center> 4″ </center> </td>
<td> <center> $1.00 </center> </td>
<td> <center> $1.60 </center> </td>
<td> <center> $2.20 </center> </td>
</tr>
<tr>
<td> <center> 5″ </center> </td>
<td> <center> $1.25 </center> </td>
<td> <center> $2.00 </center> </td>
<td> <center> $2.75 </center> </td>
</tr>
<tr>
<td> <center> 6″ </center> </td>
<td> <center> $1.50 </center> </td>
<td> <center> $2.40 </center> </td>
<td> <center> $3.30 </center> </td>
</tr>
<tr>
<td> <center> 7″ </center> </td>
<td> <center> $1.75 </center> </td>
<td> <center> $2.80 </center> </td>
<td> <center> $3.85 </center> </td>
</tr>
</tbody>
</table>
</center>
<form>
<input type = “button” value = “Show Another Row” onClick = “AddRowandPrice();”>
</form>
</body>
</html>