用js写一段计算器的代码
时间: 2023-03-20 16:00:37 浏览: 75
好的,下面是一个简单的JavaScript计算器代码示例:
```javascript
// 获取计算器上的所有按钮
var buttons = document.querySelectorAll("button");
// 遍历所有按钮,并为其添加点击事件监听器
for (var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", function() {
// 获取按钮的文本内容
var buttonText = this.textContent;
// 根据不同的按钮执行不同的操作
if (buttonText === "C") {
// 清空显示屏
document.getElementById("result").value = "";
} else if (buttonText === "=") {
// 计算表达式并显示结果
var expression = document.getElementById("result").value;
var result = eval(expression);
document.getElementById("result").value = result;
} else {
// 在显示屏上添加按钮的文本内容
document.getElementById("result").value += buttonText;
}
});
}
```
这个示例代码实现了一个基本的四则运算计算器,可以实现数字和运算符的输入,还可以清空显示屏和计算表达式并显示结果。需要注意的是,`eval()`函数可以将一个字符串解析为JavaScript代码并执行,但是也有一定的安全风险,因此在实际开发中需要注意。
阅读全文