简单披萨订单！

Question

我有一项我需要做的任务，但是在接下来的3天假期我无法与老师取得联系。它需要在我回去之前完成。我不是专家，也不是javascript中的任何一个。我正在上课，我们还没有完成谈论这项任务，但我的老师总是给那些能在我们谈完这个问题之前找出问题的人提供额外的荣誉。

-INSTRUCTIONS -

您需要创建一些变量和计算个人总费用的功能披萨订单并计算所有订单的总计。使用以下值进行计算：

大披萨价格为10美元
税率为8.25％
客户
使用random（）方法生成客户支付的小费％范围。

将所有金额格式化为2位小数

客户1订购5个大披萨并支付10％的送货费
客户2订购随机数量的披萨（1-25之间）并随机支付交货提示（介于（0％-25％）
之间
简单披萨订单！

       var pizzaCost = 10;

       var taxRate = .0825; 

       var tipRate = .10; 

       quantity = 5;

       var subTotal = pizzaCost * quantity 

       var tipAmount = subTotal * taxRate 

      var taxAmount = subTotal * taxRate 

      var total = subTotal + tipAmount + taxAmount 

      grandTotal + = total;

这是我到目前为止所拥有的。如何使客户1的订单显示在页面上，并计算所有这些？我得到了这么远，但剩下的就是难过了。

提前感谢任何帮助。

Answer 1

＆＃13;

function Calculate() {
  var pizzaCost = Number(document.getElementById('PizzaCost').value);
  var tax = Number(document.getElementById('TaxRate').value);
  var tip = document.getElementById('Tip').value;
  tip = Number((tip.substring(0, tip.length - 1)));

  var result = pizzaCost + (pizzaCost * tax) + (pizzaCost * (tip / 100));
  console.log({
    pizzaCost: pizzaCost,
    tax: tax,
    tip: tip,
    total: result
  });
  
}

function GenerateTip() {
  document.getElementById('Tip').value = (Math.floor((Math.random() * 50) + 1) + "%");
}

＆＃13;

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Untitled Document</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>

<body>

  <div>
    <h1>Simple Pizza Order</h1>
  </div>
  <div>
    <p>Pizza Cost:
      <input type="text" id="PizzaCost">
    </p>

    <p>Tax Rate:
      <input type="text" id="TaxRate">
    </p>

    <p>Delivery Tip:
      <input type="text" id="Tip">
      <input type="button" value="Generate Tip" onClick="GenerateTip();">
    </p>

    <p>
      <input type="button" value="Calculate" onClick="Calculate();">
    </p>

    <p id="result"></p>
  </div>
  <script>
  </script>

</body>

</html>

＆＃13;

javascript变量和函数

简单披萨订单！

1 个答案: