js做网页版计算器的代码

以下是一个简单的使用 JavaScript 编写的网页版计算器的代码：

HTML 代码：

<div id="calculator">
  <input type="text" id="output" readonly>
  <table>
    <tr>
      <td><button onclick="appendToOutput('7')">7</button></td>
      <td><button onclick="appendToOutput('8')">8</button></td>
      <td><button onclick="appendToOutput('9')">9</button></td>
      <td><button onclick="appendToOutput('+')">+</button></td>
    </tr>
    <tr>
      <td><button onclick="appendToOutput('4')">4</button></td>
      <td><button onclick="appendToOutput('5')">5</button></td>
      <td><button onclick="appendToOutput('6')">6</button></td>
      <td><button onclick="appendToOutput('-')">-</button></td>
    </tr>
    <tr>
      <td><button onclick="appendToOutput('1')">1</button></td>
      <td><button onclick="appendToOutput('2')">2</button></td>
      <td><button onclick="appendToOutput('3')">3</button></td>
      <td><button onclick="appendToOutput('*')">*</button></td>
    </tr>
    <tr>
      <td><button onclick="appendToOutput('0')">0</button></td>
      <td><button onclick="appendToOutput('.')">.</button></td>
      <td><button onclick="calculate()">=</button></td>
      <td><button onclick="appendToOutput('/')">/</button></td>
    </tr>
  </table>
</div>

JavaScript 代码：

var calculator = document.getElementById('calculator');
var output = document.getElementById('output');
var currentInput = '';

function appendToOutput(value) {
  currentInput += value;
  output.value = currentInput;
}

function calculate() {
  var result;
  try {
    result = eval(currentInput);
  } catch (e) {
    result = 'Error';
  }
  output.value = result;
  currentInput = '';
}

这个计算器只支持四则运算，使用 eval 函数来计算用户输入的表达式。在 appendToOutput 函数中将用户输入的值追加到当前输入的字符串后面，然后在 calculate 函数中将用户输入的表达式计算出来，并更新输出框中的值。