这是问题:
许多公司通常会收取购买的运输和手续费。创建一个允许用户在文本框中输入购买价格的网页-包括一个计算运输和处理的JavaScript函数。在脚本中添加功能,对于少于或等于25.00美元的任何购买,最低运费和手续费为1.50美元。对于超过$ 25.00的任何订单,请在购买总价中加上10%的运费用于运输和处理,但不包括$ 1.50的最低运输和处理费。确定订单的总成本(购买以及运输和处理)后,将其显示在警报对话框中。
我是JavaScript的新手,正在努力使我的代码正常工作。它的确显示一个带有用户输入值的警报框,但不添加任何内容。虽然,我不知道为什么该公式不起作用。请帮忙。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Calculating Shipping & Handling</title>
<script type="text/javascript">
/* <![CDATA[ */
var price=[];
var shipping=[];
var total=price+shipping;
function calculateShipping(){
if (price <= 25){
shipping = (price + 1.5);
}
else {
shipping = (price * 10 / 100);
}
window.alert("The purchase price with shipping is "
+ document.calculate.ent.value);
}
/* ]]> */
</script>
</head>
<body>
<form name ="calculate" action="" >
<p>Enter Purchase Price</p>
<input type="text" name="ent" >
<input type="button" name="button" value="Submit" onClick="calculateShipping()" />
</form>
</body>
</html>
最佳答案
显然,这是家庭作业,所以我会让您步入正轨。
代码有两个问题:var total=price+shipping;
行在实际计算运费之前发生
您实际上要显示document.calculate.ent.value
的值,而不是total
。
您尚未将用户在文本框中输入的值分配给price
变量。您可能会考虑将价格作为参数传递给calculateShipping()
函数,因此它将是function calculateShipping(price) { ... }