javascript - JS 新手，无法修复学校项目的错误

Question

我正在开发一个计算机类(class)项目，并且是 JavaScript 新手。我不断得到 NaN 输出，并寻找答案但没有找到任何答案。 (项目是一个复利计算器，UI设计已完成。)

我不太确定要尝试什么，因为我是 JS 新手。

var i = getNumber("amountInput");
var c = getNumber("compoundedInput");
var l = getNumber("lengthInput");
var r = getNumber("rateInput");
var rc = r / c;
var cl = c * l;

onEvent("calculateButton", "click", function() {

  var rca = 1 + rc;
  var p = Math.pow(rca, cl);
  var f = i * p;
  setText("outputArea", f);

});

输出应该是一个数字，但我得到了 NaN。

Answer 1

您需要设置onEvent函数内的所有变量，以便在用户单击按钮后获取输入的值。您在页面首次加载时设置它们，此时输入将为空。

onEvent("calculateButton", "click", function() {
  var i = getNumber("amountInput");
  var c = getNumber("compoundedInput");
  var l = getNumber("lengthInput");
  var r = getNumber("rateInput");
  var rc = r / c;
  var cl = c * l;
  var rca = 1 + rc;
  var p = Math.pow(rca, cl);
  var f = i * p;
  setText("outputArea", f);

});