用js语言写一个计算器
时间: 2024-05-11 08:16:23 浏览: 72
好的,我会帮您回答这个问题。以下是一个简单的JavaScript计算器代码示例:
```javascript
// 获取HTML元素
const result = document.querySelector('#result');
const buttons = document.querySelectorAll('button');
let input = ''; // 初始化输入
// 循环绑定点击事件
buttons.forEach(function(button) {
button.addEventListener('click', function(event) {
const value = event.target.dataset.value; // 获取按钮上的值
// 判断输入类型并执行相应操作
if (value === 'C') {
input = '';
result.textContent = '0';
} else if (value === '=') {
result.textContent = eval(input); // 使用eval()函数进行计算
input = '';
} else {
input += value; // 拼接输入
result.textContent = input;
}
});
});
```
该计算器代码使用了querySelector()、querySelectorAll()、addEventListener()等JavaScript方法,并通过eval()函数进行计算。在HTML中,您需要放置一个id为“result”的元素和一组按钮以触发计算器操作。
阅读全文