首页用Javascript制作一个简易计算器，能够对两个不为 0 的数进行“+、-、*、/”运算，用户输入两个运算数，选择运算符之后点击“=”可以计算结果的代码示例

用Javascript制作一个简易计算器，能够对两个不为 0 的数进行“+、-、*、/”运算，用户输入两个运算数，选择运算符之后点击“=”可以计算结果的代码示例

时间: 2024-10-25 21:08:12 浏览: 50

当然，下面是一个简单的HTML和JavaScript代码示例，用于创建一个基本的计算器： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简易计算器</title> </head> <body> <input type="number" id="num1" placeholder="请输入第一个数字"> <select id="operator"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="number" id="num2" placeholder="请输入第二个数字"> <button onclick="calculate()">=</button> <p id="result"></p> <script> function calculate() { const num1 = parseFloat(document.getElementById('num1').value); const num2 = parseFloat(document.getElementById('num2').value); let operator = document.getElementById('operator').value; if (isNaN(num1) || isNaN(num2) || num1 === 0 || num2 === 0) { document.getElementById('result').innerText = "错误！请输入有效的非零数字。"; return; } switch (operator) { case "+": document.getElementById('result').innerText = num1 + num2; break; case "-": document.getElementById('result').innerText = num1 - num2; break; case "*": document.getElementById('result').innerText = num1 * num2; break; case "/": if (num2 !== 0) { document.getElementById('result').innerText = num1 / num2; } else { document.getElementById('result').innerText = "错误！除数不能为零。"; } break; default: document.getElementById('result').innerText = "无效的操作符！"; } } </script> </body> </html> ``` 这个示例中，用户可以在输入框中输入两个数字，从下拉菜单中选择运算符，然后点击“=”按钮触发`calculate`函数进行计算，并将结果显示在页面上。如果输入的不是有效数字或者除数为零，会给出相应的错误提示。

阅读全文