Question

正如标题所说，我无法为我的产品分配折扣。当我加载页面时，它表示nan和undefined。任何帮助表示赞赏。三江源！

这是我的JavaScript代码：

var ProductType;
var ProductQty;
var ProductPrice;
var DiscountPercent;
var TotalAmount;
function calculate() {
  ProductType = prompt("Please enter the type of product you require!").toUpperCase();
  document.write("<br>");
  ProductQty = prompt("Please enter the number of products you require!");
  elsestatement();
  ProductQty = parseInt(ProductQty);
  document.write("Type of Products:" + ProductType);
  document.write("<br>");
  document.write("Number of Products:" + ProductQty);
  document.write("<br>");
  var GrossAmount =(ProductPrice) * (ProductQty);
  document.write("Gross Amount is:" + GrossAmount);
  GrossAmount = parseInt(GrossAmount);
  discountAmt();
  var DiscountAmount = (GrossAmount) - (GrossAmount) * (DiscountPercent)
  var TotalAmount = (GrossAmount) * (DiscountPercent)
  document.write("<br>");
  document.write("Discount Amount:" + DiscountAmount)
  document.write("<br>");
  document.write("Discount Percent:" + DiscountPercent)
  document.write("<br>");
  document.write("Total Amount:" + TotalAmount)
}

function elsestatement(){
  if (ProductType == 'A') {
    ProductPrice = 100;
  } else if (ProductType == 'B') {
    ProductPrice = 75;
  }  else if (ProductType == 'C'){
    ProductPrice = 50;
  }
  else {
    document.write("<br>");
    document.write("Invalid Product Type");
    document.write("<br>");
  }
  if (ProductQty <1|| ProductQty >100) {
    document.write("Invalid Quantity")
  }
}

function discountAmt() {
  if (GrossAmount <200) {
    DiscountPercent = '0';
  }  else if (GrossAmount >= 200 && GrossAmount<=399.99) {
    DiscountPercent = '.05';
  }  else if (GrossAmount>=400 && GrossAmount<=599.99 ) {
    DiscountPercent = '.075';
  }  else if (GrossAmount >=600)
    DiscountPercent = '.1';
}

这是我的HTML代码：

<!DOCTYPE html>
<html>
<title>Product</title>
<body>
<h1>Product Calc</h1>
<script src="Product.js">   </script>
<script>calculate()</script>
<script>elsestatement()</script>
<script>discountAmt()</script>
</body>

Answer 1

很抱歉这个混乱。我错了关于未封闭的功能。相反，问题是GrossAmount函数中定义了calculate而不是外部作用域。因此，discountAmt函数无法访问它。

以下是您的固定代码，除非document.write已移除，因此可以在沙盒中运行：

var ProductType;
var ProductQty;
var ProductPrice;
var DiscountPercent;
var TotalAmount;
var GrossAmount;

function calculate() {
  ProductType = prompt("Please enter the type of product you require!").toUpperCase();
  ProductQty = prompt("Please enter the number of products you require!");
  elsestatement();
  ProductQty = parseInt(ProductQty);
  GrossAmount = ProductPrice * ProductQty;
  GrossAmount = parseInt(GrossAmount);
  discountAmt();
  var DiscountAmount = GrossAmount - GrossAmount * DiscountPercent;
  var TotalAmount = GrossAmount * DiscountPercent;
}

function elsestatement(){
  if (ProductType == 'A') {
    ProductPrice = 100;
  } else if (ProductType == 'B') {
    ProductPrice = 75;
  } else if (ProductType == 'C'){
    ProductPrice = 50;
  } else {}
  if (ProductQty < 1|| ProductQty > 100) {}
  console.log('ProductPrice: ', ProductPrice);
}

function discountAmt() {
  if (GrossAmount < 200) {
    DiscountPercent = '0';
  } else if (GrossAmount >= 200 && GrossAmount <= 399.99) {
    DiscountPercent = '.05';
  } else if (GrossAmount >= 400 && GrossAmount <= 599.99) {
    DiscountPercent = '.075';
  } else if (GrossAmount >= 600) {
    DiscountPercent = '.1';  
  }
  console.log('DiscountPercent: ', DiscountPercent);
}

calculate();

Answer 2

显然你没有关闭else语句函数ie}缺失。并管理这样的代码改变

<!DOCTYPE html>
<html>
<title>Product</title>
<body>
<h1>Product Calc</h1>
<script src="Product.js">   </script>
<script>calculate()</script>
<script>elsestatement()</script>
<script>discountAmt()</script>
</body>

到

<!DOCTYPE html>
<html>
<title>Product</title>
<script src="Product.js">   </script>
<body>
<h1>Product Calc</h1>



</body>
<script>
$(function(){
calculate();
});
</script>

难以分配折扣

2 个答案: