2011-09-27 65 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哦,好的! –