javascript变量和函数

问题描述：

我有一项任务需要做，但是我无法在接下来的3天因为我的老师与假期相处。在我回去之前需要完成。我不是专家，也不是靠近javascript的任何地方。我正在上课，而且我们还没有完成对这个任务的讨论，但是我的老师在我们讲完之前总是给那些能够找出问题的人提供额外的功劳。javascript变量和函数

-INSTRUCTIONS-

您将需要创建一些变量和函数来计算单个披萨订单的总成本，并计算总计为所有订单。使用以下值计算：

大比萨饼花费$ 10
税率为8.25％
递送顶端由客户概述如下
使用random（）方法生成客户支付的小费％的范围，在指定位置。

格式所有的量为2位小数

顾客1个订单5大比萨饼和支付10％输送尖端
顾客2个数量比萨饼的一个随机数（1-25之间）并支付随机运输尖端

简单比萨订购！

0123（（0％-25％之间） var grandTotal = 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的订单显示在页面上，并进行计算？我得到了这么多，但其余的都困扰着我。

任何帮助将不胜感激提前。

请修复您的代码格式化。 – 2014-10-03 22:01:13

它也似乎是你混合HTML与JavaScript，除非它在'

不会工作对不起，我试图格式化它的权利。我知道我需要脚本标签。但是当我把它们放在那里时，它们不会出现。所以基本上我从var grandtotal到脚本标记之间的grandtotal。还有什么。 – 2014-10-03 23:06:46

答

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类，我不认为他会接受这个笑话。但谢谢你回答我 – 2014-10-03 23:24:18

只有Javascript现在。但严重的是，转到JQuery;） – Zze 2014-10-03 23:40:00

jquery如何更容易理解？我不明白为什么有人会需要jQuery来进行计算 – 2014-10-04 10:45:52

javascript变量和函数

简单比萨订购！

相关推荐