0
Я пытаюсь создать простую программу для заказа пиццы. В основном я сделал форму с различными входами в нее и попытался получить информацию в ней в массив, но он не работает, и я не знаю, что я должен сделать, чтобы он работал. Я использовал онлайн-проверки подлинности, которые, похоже, не помогли, так что я застрял.Html Form to Array
<!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 выпуск я могу увидеть) –
Почему вы с помощью неопределенной переменной пиццы ?. –
Вы должны найти некоторые основные методы для отладки и не полагаться на онлайн-валидаторы для выполнения этой работы. На самом базовом уровне используйте console.log(), чтобы убедиться, что у вас есть значение, которое вы ожидаете в критических точках вашего кода. Используйте процесс устранения, чтобы найти фактическую строку или линии, вызывающие проблему. –