javascript变量和函数答案

【问题标题】：javascript variables and functionsjavascript变量和函数
【发布时间】：2014-10-03 21:56:42
【问题描述】：

我有一项任务需要完成，但是由于假期的原因，我无法在接下来的 3 天与我的老师取得联系。在我回去之前它需要完成。我不是专家，也不是 javascript 专家。我正在上课，我们还没说完这个作业，但我的老师总是给那些在我们说完之前就解决问题的人加分。

-说明-

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

一个大披萨要 10 美元
税率为 8.25%
客户在下面概述了交付提示
使用 random() 方法生成客户支付的小费百分比范围（如果有指示）。

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

客户 1 订购了 5 个大披萨并支付 10% 的送货小费
客户 2 订购了随机数量的比萨饼（介于 1 到 25 之间）并随机支付投放小费（介于 (0%-25%) 之间）

简单的披萨订单！

var 总计 = 0;

       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 的订单在页面上显示计算和所有这些？我走了这么远，但其余的都难倒我。

任何帮助将不胜感激。

【问题讨论】：

请修正您的代码格式。
您似乎也在将 html 与 javascript 混合使用，除非它位于 <script> 标记中，否则将无法正常工作
对不起，我试图正确格式化它。我知道我需要脚本标签。但是当我把它们放在那里时，它们不会出现。所以基本上我把从 var grandtotal 到 grandtotal 放在脚本标签之间。还有什么。

标签： javascript

【解决方案1】：

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) + "%");
}

<!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>

【讨论】：

谢谢你，但是我们应该使用他给我们的信息。因为这不是一个 Jquery 类，所以我认为他不会接受这个大声笑。但是谢谢你回答我
现在只有Javascript。但说真的，开始使用 JQuery ;)
jquery如何更容易理解？我不明白为什么有人需要 jquery 来进行计算
blogs.msdn.com/b/dorischen/archive/2010/08/27/… 特别是对于网络开发新手的第 3 点。你不需要使用 Jquery，因为它是 Javascript 的包装器，但语法更简洁，更容易获取和调试。

简单的披萨订单！