首页html和js实现简易计算器

html和js实现简易计算器

时间: 2024-05-04 14:17:36 浏览: 89

好的，下面是一个简单的 HTML 和 JavaScript 实现的计算器： ```html <!DOCTYPE html> <html> <head> <title>简易计算器</title> <script> function calculate() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var operator = document.getElementById("operator").value; var result; if (operator === "+") { result = num1 + num2; } else if (operator === "-") { result = num1 - num2; } else if (operator === "*") { result = num1 * num2; } else if (operator === "/") { result = num1 / num2; } document.getElementById("result").value = result; } </script> </head> <body> <h1>简易计算器</h1> <label for="num1">数字 1:</label> <input type="number" id="num1" name="num1" /> <label for="operator">运算符:</label> <select id="operator" name="operator"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <label for="num2">数字 2:</label> <input type="number" id="num2" name="num2" /> <button onclick="calculate()">计算</button> <label for="result">结果:</label> <input type="number" id="result" name="result" readonly /> </body> </html> ``` 这个计算器包括两个数字输入框、一个运算符选择框、一个计算按钮和一个结果显示框。当用户点击“计算”按钮时，JavaScript 代码会获取输入框的值，并根据选择的运算符进行计算，最后将结果显示在结果显示框中。

阅读全文