【发布时间】：2016-04-12 22:17:59
【问题描述】：
我正在尝试创建一个简单的披萨订购程序。基本上我制作了一个包含各种输入的表单，并试图将其中的信息放入一个数组中，但它不起作用，我不知道我应该怎么做才能让它工作。我使用了似乎没有帮助的在线脚本验证器，所以现在我被卡住了。
<!DOCTYPE html>
<html>
<title>PizzaLife</title>
<script>
var smallPrice = 3.50;
var mediumPrice = 5.00;
var largePrice = 9.99;
var totalSmalls = 0;
var totalMediums = 0;
var totalLarges = 0;
function calculateOrder()//calculate the number of smalls, larges and medium pizzas
{
var smallPizza = new Array()
pizza[0] = document.form.smallP.value
pizza[0] = Number (smallPizza[0])
pizza[1] = document.form.smallC.value
pizza[1] = Number (smallPizza[1])
pizza[2] = document.form.small4.value
pizza[2] = Number (smallPizza[2])
pizza[3] = document.form.smallT.value
pizza[3] = Number (smallPizza[3])
pizza[4] = document.form.smallM.value
pizza[4] = Number (smallPizza[4])
var mediumPizza = new Array()
pizza[5] = document.form.mediumP.value
pizza[5] = Number (mediumPizza[5])
pizza[6] = document.form.mediumC.value
pizza[6] = Number (mediumPizza[6])
pizza[7] = document.form.medium4.value
pizza[7] = Number (mediumPizza[7])
pizza[8] = document.form.mediumT.value
pizza[8] = Number (mediumPizza[8])
pizza[9] = document.form.mediumM.value
pizza[9] = Number (mediumPizza[9])
var largePizza = new Array()
pizza[10] = document.form.largeP.value
pizza[10] = Number (largePizza[10])
pizza[11] = document.form.largeC.value
pizza[11] = Number (largePizza[11])
pizza[12] = document.form.large4.value
pizza[12] = Number (largePizza[12])
pizza[13] = document.form.largeT.value
pizza[13] = Number (largePizza[13])
pizza[14] = document.form.largeM.value
pizza[14] = Number (largePizza[14])
totalSmalls = smallPizza[0] + smallPizza[1] + smallPizza[2] + smallPizza[3] + smallPizza[4];
totalMediums = mediumPizza[5] + mediumPizza[6] + mediumPizza[7] + mediumPizza[8] + mediumPizza[9];
totalLarges = largePizza[10] + largePizza[11] + largePizza[12] + largePizza[13] + largePizza[14];
alert ("you have ordered " + totalSmalls + "Small pizas");
}
function resetOrder() //to reset the page and order
{
if (confirm ("Are you sure you want to reset the order?") == true)
{
window.location.reload()
}
}
</script>
<body>
<p><font face = "jokerman" size="10" color="DarkGreen"><b>PizzaLife NZ</b></font>
<font face="jokerman" size="6" color="DarkGreen"><i> Online</i></font></p>
<p><font face = "Arial Black" size = "2">Use the arrows to take your pick of our pizzas!</font><br>
<i>note: max per order is 9 pizzas</i></p>
<form name = "form">
<font face = "Arial Black" size = "2">
<font face = "Arial Black" size = "2" color = "red">Pepperoni Pizza: </font><br>
Larges:<input type = "number" min = "0" max = "9" name = "largeP"> Mediums:<input type = "number" min = "0" max = "9" name = "mediumP"> smalls:<input type = "number" min = "0" max = "9" name = "smallP"><br>
<font face = "Arial Black" size = "2" color = "red">Cheesy Pizza: </font><br>
Larges:<input type = "number" min = "0" max = "9" name = "largeC"> Mediums:<input type = "number" min = "0" max = "9" name = "mediumC"> smalls:<input type = "number" min = "0" max = "9" name = "smallC"><br>
<font face = "Arial Black" size = "2" color = "red">4Meats Pizza: </font><br>
Larges:<input type = "number" min = "0" max = "9" name = "large4"> Mediums:<input type = "number" min = "0" max = "9" name = "medium4"> smalls:<input type = "number" min = "0" max = "9" name = "small4"><br>
<font face = "Arial Black" size = "2" color = "red">TooHot Pizza: </font><br>
Larges:<input type = "number" min = "0" max = "9" name = "largeT"> Mediums:<input type = "number" min = "0" max = "9" name = "mediumT"> smalls:<input type = "number" min = "0" max = "9" name = "smallT"><br>
<font face = "Arial Black" size = "2" color = "red">minceNcheese Pizza: </font><br>
Larges:<input type = "number" min = "0" max = "9" name = "largeM"> Mediums:<input type = "number" min = "0" max = "9" name = "mediumM"> smalls:<input type = "number" min = "0" max = "9" name = "smallM"><br>
</font>
</form>
<p>
---------------------‹<input type = "button" value = "reset" onclick = "resetOrder()"><input type = "button" value = "Get Em!" onclick = "calculateOrder()">›------------------------
</p>
</body>
</html>
【问题讨论】：
-
pizza未定义为数组（我可以看到 1 个问题） -
你为什么使用未定义的变量 Pizza？。
-
您应该查找一些基本的调试技术，而不是依赖在线验证器来完成这项工作。在最基本的层面上，使用 console.log() 来验证您在代码中的关键点是否具有您期望的值。使用消除过程找到导致问题的实际线路。
-
@devlincarnate 我确实尝试删除行以查看问题所在，但您可能会看到我是 html 新手，所以我不明白为什么它不起作用，我现在明白了把整个披萨变量搞砸了，谢谢你的帮助：D
标签： javascript html arrays forms