Question

当您点击提交按钮时，我需要此代码来计算销售税，而我无法让它工作。我需要弄清楚如何将它连接到函数。有人可以指出我哪里出错了吗？我是新手，我想知道我的代码出了什么问题。这是家庭作业，我不是在寻找答案，我只需要有人以正确的方式指导我。谢谢我的任务是：

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

这是我的代码：当您点击提交按钮时，我需要此代码来计算销售税，而我无法使其生效。有人可以指出我哪里出错吗？

代码：

<script type="text/javascript">
/*<![CDATA [*/ 
//Shipping & handling fee 

var price=[];
var shipping=calculateShipping(price);
var total=price+shipping;

function calculateShipping()
{  
  var num = new Number(price); 
 //This will add $1.50 to any purchases that are less than or equal to $25.00. 
if (num <= 25){   
  return 1.5; 
//Here 10% will be added to any purchase that is greater than $25.00 but do not inlcude the     

$1.50 fee. 
} else{   
  return num * 10 / 100;  
}  
}  
window.alert("Your total is $" + total + ".")  

/* ]]> */ 
</script>
</head>

<body>
<h1>Enter Purchase Price Here</h1>

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

document.write(parseFloat");
if(price <=25.00){var shipping=1.50}
else{var shipping=price*(10/100)};

var total=(price+shipping).toFixed(2);


/* ]]> */
</script>


<form id="btncalcprice" action="submit-form.php">
<input type='text' name='query'>
</form>

<form>
<input type="button" value="Submit" onClick="alert('YOUR total is $'); return true">

</form>
</body>

Answer 1

编辑：已审核代码

您的代码中存在一些语法问题，另外您使用的方法也不太正确。您需要通过按钮onclick事件调用该函数，然后运行您的JavaScript。您将在下面的更新代码示例中找到所需内容。请注意，我使用parseFloat而不是parseInt来合并小数...

<script type="text/javascript">
/*<![CDATA [*/ 
function calculateShipping() {
    var price = document.getElementById('price').value;
    //This will add $1.50 to any purchases that are less than or equal to $25.00. 
    if (price <= 25){   
        price=parseFloat(price) + 1.5;    
    } else {
        //add 10%
        var percentToAdd=parseFloat(price) * .1;
        price=parseFloat(price)+parseFloat(percentToAdd);
    }
    document.getElementById('result').innerHTML='Total shipping cost: '+price;
}  

/* ]]> */ 
</script>
</head>

<body>
<h1>Enter Purchase Price Here</h1>

<div id="result"></div>
<input type="text" name="price" id="price">
<input type="button" value="Submit" onClick="calculateShipping(); return false;">

</body>

首先，如果你只是调用一个函数，你不需要表单操作，其次如果你想阻止表单的默认提交，那么在你的onclick中返回false ...它应该是这样的：

onclick =“calculateShipping（）;返回false;”

创建一个提交按钮，用于计算运费和处理

1 个答案: