首页html+js写一个计算机

html+js写一个计算机

时间: 2024-05-01 17:21:35 浏览: 56

好的，以下是一个简单的 HTML 和 JavaScript 实现的计算器： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计算器</title> </head> <body> <input type="text" id="result" disabled> <br> <button onclick="addNumber('7')">7</button> <button onclick="addNumber('8')">8</button> <button onclick="addNumber('9')">9</button> <button onclick="addOperator('+')">+</button> <br> <button onclick="addNumber('4')">4</button> <button onclick="addNumber('5')">5</button> <button onclick="addNumber('6')">6</button> <button onclick="addOperator('-')">-</button> <br> <button onclick="addNumber('1')">1</button> <button onclick="addNumber('2')">2</button> <button onclick="addNumber('3')">3</button> <button onclick="addOperator('*')">*</button> <br> <button onclick="addNumber('0')">0</button> <button onclick="addOperator('/')">/</button> <button onclick="calculate()">=</button> <button onclick="clearResult()">C</button> <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 calculate() { result.value = eval(expression); expression = result.value; } function clearResult() { expression = ''; result.value = ''; } </script> </body> </html> ``` 这个计算器可以进行简单的加、减、乘、除运算，支持连续操作和清空。

阅读全文