JavaScript 实现简单计算器：含代码示例与输入验证、异常处理建议

当然！以下是一个简单的JavaScript程序，它可以实现一个支持加、减、乘、除四种运算的计算器。这个程序会提示用户输入两个数字和一个运算符，然后计算结果并显示在网页上。首先，我们需要一个HTML文件来作为用户交互的界面： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Simple Calculator</title> </head> <body> <h1>Simple Calculator</h1> <label for="num1">Number 1:</label> <input type="number" id="num1" required><br><br> <label for="num2">Number 2:</label> <input type="number" id="num2" required><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> <button onclick="calculate()">Calculate</button> <p id="result"></p> <script src="calculator.js"></script> </body> </html> ``` 接下来，我们编写一个名为`calculator.js`的JavaScript文件来实现计算逻辑： ```javascript function calculate() { // 获取用户输入的值 const num1 = parseFloat(document.getElementById('num1').value); const num2 = parseFloat(document.getElementById('num2').value); const operator = document.getElementById('operator').value; const resultElement = document.getElementById('result'); let result; // 根据运算符执行相应的计算 switch (operator) { case '+': result = num1 + num2; break; case '-': result = num1 - num2; break; case '*': result = num1 * num2; break; case '/': // 检查除数是否为零，避免除以零的错误 if (num2 === 0) { resultElement.textContent = "Error: Division by zero!"; return; } result = num1 / num2; break; default: resultElement.textContent = "Error: Invalid operator!"; return; } // 显示结果 resultElement.textContent = `Result: ${result}`; } ``` 三条额外需要注意的逻辑点： 1. 输入验证：确保用户输入的是有效的数字，可以通过添加正则表达式验证来增强输入验证。 2. 异常处理：除了除以零的检查外，还可以添加更多的异常处理逻辑，例如处理非数字输入。 3. 用户体验：为了提高用户体验，可以在用户输入无效数据时给出更友好的提示，并在用户正确输入后自动清除输入框以便进行下一次计算。 ######[AI写代码神器 | 707点数解答 | 2025-03-07 15:20:00]

服务商

更多选项

快捷项

自定义