2011-09-27 61 views
1

我试图完成下列问题:计算运费和装卸 - JavaScript的

许多公司通常收取购买运输和处理费用。创建一个网页,允许用户在文本框中输入购买价格,并包含一个计算运输和处理的JavaScript函数。为脚本添加功能,对于任何小于或等于25美元的购买,最小运费和手续费为1.50美元。对于任何超过25.00美元的订单,请在运费和处理总价中加10%,但不包括最低运费和手续费1.50美元。计算百分比的公式是价格*百分比/ 100。例如,计算50.00美元购买价格10%的公式为50 * 10/100,导致运费和手续费为5.00美元。确定订单的总成本(采购加运输和处理)后,将其显示在警报对话框中。

这里是我到目前为止的代码:

<script type="text/javascript"> 
/*<![CDATA [*/ 

//Shipping & handling fee 
    var price = 0; 
    var shipping = 0; 
    var total = price + shipping; 
    function calculateShipping(price){ 
    //Add $1.50 with any purchase that is less than or equal to $25.00 
    if (price <= 25){ 
    return 1.5; 
    } 
    //Add 10% with any purchase that is greater than $25.00 but do not inlcude the $1.50 fee 
    else{ 
    return price * 10/100 
    } 
    } 


/* ]]> */ 

..和我的HTML

<form> 
    <table> 
    <p> 
    <tr> 
     <td>Enter purchase price</td> 
     <td><input type="text" name="inputPrice" size="6" onchange="" /></td> 
    </tr> 
    <tr> 
     <td>Shipping &amp; handling</td> 
    </tr> 
    <tr> 
     <td/> 
     <td><input type="button" name="calcShipping" value="Calculate" onchange="" /></td> 
    </p> 
    </table> 
</form> 

我想多走一英里,我想显示之前航运&手续费点击计算按钮,换句话说,只要我输入购买价格,就会出现S & H价格,然后当点击按钮时,警报对话框会显示我的总价格。

P.S.我仍然有如何调用函数的问题:S

+0

该问题看起来足够虚构,听起来像功课? –

+0

是的,这是作业。 –

回答

0

尝试增加一个onkeyup事件处理程序,你有你的价格输入,即

onkeyup="calculateFee()" 

这将每次调用calculateFee()函数用户在该字段中释放一个密钥。

或者,您可以使用onchange而不是onkeyup,它将等到焦点退出该字段。

+0

(不要把'javascript:'放在这样的事件处理程序中。) –

+0

@JoseD对不起,我正在和Asmor交谈。 :) –

+0

@DanielBrockman哦,好的! –