javascript - 在不使用 .math 或 .pow 函数的情况下制作计算指数/幂的计算器时需要帮助。使用循环

Question

我正在尝试制作一个具有 +-/* 和幂函数的计算器。除了电源按钮，我想出了一切。如何在不使用 .math 或 .pow 的情况下仅使用循环来为幂函数制作按钮？我已经尝试了一切，但它就是行不通。也许我对循环的理解还很薄弱，但我认为我是对的。

function addTwoNumbers() {
  var number1 = document.getElementById('box1').value;
  var number2 = Number(document.getElementById('box2').value);
  var sum = Number(number1) + number2;
  document.getElementById('resultBox').value = sum;
}

function subtractTwoNumbers() {
  var number1 = document.getElementById('box1').value;
  var number2 = Number(document.getElementById('box2').value);
  var difference = Number(number1) - number2;
  document.getElementById('resultBox').value = difference;
}

function divideTwoNumbers() {
  var number1 = document.getElementById('box1').value;
  var number2 = Number(document.getElementById('box2').value);
  var quotient = Number(number1) / number2;
  document.getElementById('resultBox').value = quotient;
}

function multiplyTwoNumbers() {
  var number1 = document.getElementById('box1').value;
  var number2 = Number(document.getElementById('box2').value);
  var result = Number(number1) * number2;
  document.getElementById('resultBox').value = result;
}

function useExponents(base, exponents) {
  var base =
    document.getElementById('box1').value;
  var exponents =
    Number(document.getElementById('box2').value);
  var result = base;
  for (var count = 1; count < exponent; count++) {
    result *= base;
  }
  return result
  document.getElementById('resultBox').value = result

}

function clearall() {
  document.getElementById('box1').value = "";
  document.getElementById('box2').value = "";
  document.getElementById('resultBox').value = "";
}

<h1>Calc-o-Matic</h1>
<input type="text" id="box1"> <br/>
<input type="text" id="box2">
<button onclick="addTwoNumbers()">+</button>
<button onclick="subtractTwoNumbers()">-</button>
<button onclick="divideTwoNumbers()">/</button>
<button onclick="multiplyTwoNumbers()">*</button>
<button onclick="useExponents(base, exponents)">^</button>
<button onclick="clearall()">clear</button>

<br/>
<input type="text" id="resultBox"> <br/>

Answer 1

您的代码似乎是正确的，但您有一些小错误:

1) 您需要删除 return result来自 useExponents 的行函数，因为它会在将结果写入文本框之前停止该函数

2) 你需要转换<button onclick="useExponents(base, exponents)">^</button>至 <button onclick="useExponents()">^</button>因为此函数从文本框中读取其参数。此外，您可以转换函数声明 useExponents(base, exponents)至 useExponents()

3) 你拼错了变量 exponents作为exponent在 for 循环中，你需要修复它