计算运费&handling - JavaScript

Calculating shipping & handling - JavaScript

本文关键字：JavaScript handling 计算      更新时间：2023-09-26

我正在尝试完成以下问题:

许多公司通常收取运费和手续费。创建一个Web页面，允许用户在文本框中输入购买价格，并包含一个计算运输和处理的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价格就会出现，然后，当点击按钮时，警告对话框显示我的总价格。

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

尝试添加onkeyup事件处理程序到您获得价格的输入，即

onkeyup="calculateFee()"

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

或者，你可以使用onchange而不是onkeyup，它将等待直到焦点退出字段。

相关文章：