首页js制作一个简易的计算器，接收+，-，*，/以及两个数，计算并输出结果

js制作一个简易的计算器，接收+，-，*，/以及两个数，计算并输出结果

时间: 2024-05-08 08:17:41 浏览: 49

以下是一个简单的JavaScript计算器，可以接收加减乘除运算符和两个数字，计算并输出结果。 ```html <!DOCTYPE html> <html> <head> <title>JavaScript Calculator</title> <meta charset="utf-8"> <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; switch(operator) { case "+": result = num1 + num2; break; case "-": result = num1 - num2; break; case "*": result = num1 * num2; break; case "/": result = num1 / num2; break; default: result = "Invalid operator"; } // 显示结果 document.getElementById("result").innerHTML = result; } </script> </head> <body> <h1>JavaScript Calculator</h1> <label for="num1">Number 1:</label> <input type="number" id="num1"><br><br> <label for="operator">Operator:</label> <select id="operator"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select><br><br> <label for="num2">Number 2:</label> <input type="number" id="num2"><br><br> <button onclick="calculate()">Calculate</button> <p>Result: <span id="result"></span></p> </body> </html> ``` 在这个代码中，我们使用了一个`switch`语句来根据运算符计算结果，并将结果显示在页面上。我们还使用了`parseFloat`函数来将输入的字符串转换为浮点数。如果输入的运算符无效，我们将在结果中显示“Invalid operator”。

阅读全文