首页给我写一个javascript代码可以输入数字进行加减，有方框，有清除和开始

给我写一个javascript代码可以输入数字进行加减，有方框，有清除和开始

时间: 2024-09-20 17:08:37 浏览: 37

当然，这里是一个简单的JavaScript代码示例，使用HTML元素创建一个基础的加减计算器，包含输入框、清零按钮和开始计算按钮： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>简单加减计算器</title> </head> <body> <input type="number" id="inputNumber" placeholder="请输入数字"> <button onclick="clearInput()">清除</button> <button onclick="calculate('+')">+</button> <button onclick="calculate('-')">-</button> <br><br> <span id="result">0</span> <script> function clearInput() { document.getElementById("inputNumber").value = ""; document.getElementById("result").innerText = "0"; } function calculate(op) { let input = Number(document.getElementById("inputNumber").value); let result = parseFloat(document.getElementById("result").innerText); if (isNaN(input)) return; switch (op) { case '+': result += input; break; case '-': result -= input; break; default: console.log("只支持 '+' 和 '-' 操作符"); break; } document.getElementById("result").innerText = result; } </script> </body> </html> ``` 在这个例子中，用户可以在`inputNumber`字段输入数字，点击"+"和"-"按钮会触发`calculate()`函数，并根据操作符执行相应的加法或减法。如果输入的不是数字，或者尝试使用其他非预期的操作符，会有提示。

阅读全文