html代码自制计算器

HTML代码自制计算器

code>
    !DOCTYPE html>
    html>
      head>
        title>
    计算器/title>
        style>
      input {
            width: 100%;
            height: 50px;
            font-size: 24px;
      }
        /style>
      /head>
      body>
        input type="text" id="result" disabled>
        br>
        table>
          tr>
            td>
    button onclick="addNumber(1)">
    1/button>
    /td>
            td>
    button onclick="addNumber(2)">
    2/button>
    /td>
            td>
    button onclick="addNumber(3)">
    3/button>
    /td>
            td>
    button onclick="addOperator('+')">
    +/button>
    /td>
          /tr>
          tr>
            td>
    button onclick="addNumber(4)">
    4/button>
    /td>
            td>
    button onclick="addNumber(5)">
    5/button>
    /td>
            td>
    button onclick="addNumber(6)">
    6/button>
    /td>
            td>
    button onclick="addOperator('-')">
    -/button>
    /td>
          /tr>
          tr>
            td>
    button onclick="addNumber(7)">
    7/button>
    /td>
            td>
    button onclick="addNumber(8)">
    8/button>
    /td>
            td>
    button onclick="addNumber(9)">
    9/button>
    /td>
            td>
    button onclick="addOperator('*')">
    */button>
    /td>
          /tr>
          tr>
            td>
    button onclick="addNumber(0)">
    0/button>
    /td>
            td>
    button onclick="addOperator('/')">
    //button>
    /td>
            td>
    button onclick="clearResult()">
    C/button>
    /td>
            td>
    button onclick="calculateResult()">
    =/button>
    /td>
          /tr>
        /table>
      /body>
      script>
        let result = document.getElementById("result");
        let expression = "";
    function addNumber(number) {
          expression += number;
          result.value = expression;
    }
    function addOperator(operator) {
          expression += operator;
          result.value = expression;
    }
    function clearResult() {
          expression = "";
          result.value = expression;
    }
    function calculateResult() {
      try {
            const res = eval(expression);
            expression = res.toString();
            result.value = expression;
      }
 catch (e) {
            result.value = "表达式错误";
      }
    }
      /script>
    /html>
    /code>
    

这是一个使用HTML代码自制的计算器，包含了基本的加减乘除功能和清空、计算等按钮。使用JavaScript实现了对其的逻辑控制。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！