计算器的js代码

以下是一个简单的计算器 JavaScript 代码示例：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>简单计算器</title>
</head>

<body>
  <input type="text" id="result" disabled>
  <br>
  <button onclick="clearResult()">C</button>
  <button onclick="appendToInput('(')">(</button>
  <button onclick="appendToInput(')')">)</button>
  <button onclick="appendToInput('/')">/</button>
  <br>
  <button onclick="appendToInput('7')">7</button>
  <button onclick="appendToInput('8')">8</button>
  <button onclick="appendToInput('9')">9</button>
  <button onclick="appendToInput('*')">*</button>
  <br>
  <button onclick="appendToInput('4')">4</button>
  <button onclick="appendToInput('5')">5</button>
  <button onclick="appendToInput('6')">6</button>
  <button onclick="appendToInput('-')">-</button>
  <br>
  <button onclick="appendToInput('1')">1</button>
  <button onclick="appendToInput('2')">2</button>
  <button onclick="appendToInput('3')">3</button>
  <button onclick="appendToInput('+')">+</button>
  <br>
  <button onclick="calculateResult()">=</button>
  <button onclick="appendToInput('0')">0</button>
  <button onclick="appendToInput('.')">.</button>

  <script>
    const resultInput = document.getElementById('result');

    function appendToInput(value) {
      resultInput.value += value;
    }

    function clearResult() {
      resultInput.value = '';
    }

    function calculateResult() {
      try {
        resultInput.value = eval(resultInput.value);
      } catch (error) {
        resultInput.value = '错误';
      }
    }
  </script>
</body>

</html>

基础概念：这段代码实现了一个简单的网页计算器。通过 HTML 按钮和 JavaScript 来处理用户的输入和计算逻辑。

优势：