如何放置多个textarea行并让它们单独计数?

时间:2016-12-15 18:29:23

标签: javascript html

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>

所以我们有一个学校项目,我们制作披萨订单。我们需要制作一个程序:

  • 有4个不同的比萨饼和2个附加品的6个按钮
  • 当您点击一个按钮时,它会添加到总价格并在textarea中显示订单

我已经有了这段代码,我已经工作了好几个小时而没有成功。我不希望表单溢出,只有6行作为6个产品的容量,重复项只是计算并打印为“#Product”。

如果您还可以在我的HTML代码中看到我只是尝试使用不同的边框样式制作6个不同的textareas,并使用div来使其看起来像是一个单独的,这只是一个绝望的措施。

1 个答案:

答案 0 :(得分:0)

你在作业中有一个无效的左侧:

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

应该是:

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

希望这有帮助。