Как разместить несколько строк textarea и подсчитать их индивидуально?

var price = 0; 
 
var tax = price * .12; 
 
var total = price + tax + 3; 
 
var spcount = 0; 
 
var mpcount = 0; 
 
var lpcount = 0; 
 
var xpcount = 0; 
 
var account = 0; 
 
var apcount = 0; 
 
var sp = spcount + " Small Pizza "; 
 

 
function sPizza() { 
 
    price += 5; 
 
    spcount++; 
 
    if(order.value == "") { 
 
order.value += spcount + " Small Pizza "; 
 
    } 
 
    else if(order2.value == "" && order.value !== sp && spcount = 1) { 
 
order2.value += spcount + " Small Pizza "; 
 
    } 
 
    else if(order.value == sp) { 
 
order.value += spcount + " Small Pizza "; 
 
    } 
 
}

<div></div> 
 
<p style="text-align: center;"> 
 
    <input type="button" value="Small" onclick="sPizza()">&nbsp;&nbsp; 
 
    <input type="button" value="Medium" onclick="mPizza()">&nbsp;&nbsp; 
 
    <input type="button" value="Large" onclick="lPizza()">&nbsp;&nbsp; 
 
    <input type="button" value="Extra Large" onclick="xPizza()"><br><br> 
 
    <input type="button" value="Extra Cheese" onclick="addCheese()">&nbsp;&nbsp; 
 
    <input type="button" value="Add Pop" onclick="addPop()"> 
 
</p> 
 

 
<p style="text-align: center;"> 
 
    <label for="order">Order:</label><br> 
 
    <textarea name="order" id="order"></textarea><br> 
 
<textarea name="order2" id="order2" style="border-top-style: none;"></textarea><br> 
 
<textarea name="order3" id="order3" style="border-top-style: none;"></textarea><br> 
 
<textarea name="order4" id="order4" style="border-top-style: none;"></textarea><br> 
 
<textarea name="order5" id="order5" style="border-top-style: none;"></textarea><br> 
 
<textarea name="order6" id="order5" style="border-top-style: none; border-bottom-style: solid;"></textarea><br> 
 
</p> 
 

 
<p style="text-align: center;"> 
 
    <input type="button" value="Submit" onclick="formSubmit()">&nbsp;&nbsp; 
 
    <input type="button" value="Cancel Order" onclick="formCancel()"> 
 
</p>

Таким образом, мы имеем школьный проект, где мы делаем форму заказа пиццы. Нам нужно сделать программу, которая:

имеет 6 кнопок для 4 различных пицев и 2 дополнения
При нажатии на кнопку, она добавляет к общей цене и отображает порядок в текстовом поле

У меня уже есть этот код, и я работал над ним часами без успеха. Я не хотел, чтобы форма переполнялась и имела только 6 строк в качестве 6 продуктов, а дубликаты просто подсчитывались и печатались как «# Product».

Если вы также можете увидеть в своем HTML-коде, я просто попробовал сделать 6 разных текстовых областей с разными стилями границ и прикрываться div, чтобы он выглядел так, будто он один, это всего лишь отчаянная мера.

источник

2016-12-15 Nyl S

Моя проблема в том, что всякий раз, когда я нажимаю на продукт, он позволяет другому во второй строке, но когда я снова нажимаю первый продукт, он заменяет другой. Мой код просто сломан, я уже много раз пробовал. –

@ ZakariaAcharki я этого не сделал. Был готов переделать собственное редактирование, когда увидел, что он был отклонен. Я не могу объяснить ... – SLePort

Хорошо, я вижу, Не беспокойтесь .. –

Вы имеете недействительный левое присваивание:

if(order2.value == "" && order.value !== sp && spcount = 1) 
______________________________________________________^^^

Должен быть:

if(order2.value == "" && order.value !== sp && spcount == 1)

Надеется, что это помогает.

источник

2016-12-15 18:33:28

Как разместить несколько строк textarea и подсчитать их индивидуально?

ответ

Смежные вопросы