计算船运和装卸- JavaScript

Question

我试图完成以下问题：

许多公司通常对采购收取运费和手续费。创建一个允许用户在文本框中输入购买价格的网页，并包含一个计算发货和处理的JavaScript函数。向脚本添加功能，为低于或等于25.00美元的购买添加最低运费和手续费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价格就会出现，然后单击该按钮时，警报对话框将显示我的总价格。

我在如何调用函数:S方面仍然有问题。

Answer 1

尝试将onkeyup事件处理程序添加到您已获得价格的输入中。

onkeyup="calculateFee()"

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

或者，您可以使用onchange而不是onkeyup，后者将等待焦点退出字段。