javascript简易计算器的制作
时间: 2024-01-07 19:22:22 浏览: 87
JavaScript简易计算器制作
5星 · 资源好评率100%
以下是使用JavaScript制作简易计算器的示例代码:
```javascript
// 获取页面上的按钮元素
var buttons = document.querySelectorAll('.button');
// 获取显示结果的元素
var result = document.getElementById('result');
// 遍历按钮元素,为每个按钮添加点击事件
buttons.forEach(function(button) {
button.addEventListener('click', function() {
// 获取按钮上的值
var value = button.innerHTML;
// 根据按钮的值进行相应的操作
switch (value) {
case '=':
// 计算结果
try {
result.innerHTML = eval(result.innerHTML);
} catch (error) {
result.innerHTML = 'Error';
}
break;
case 'C':
// 清空结果
result.innerHTML = '';
break;
default:
// 将按钮的值添加到结果中
result.innerHTML += value;
break;
}
});
});
```
这段代码实现了一个简易的计算器,可以进行加减乘除的运算。通过获取页面上的按钮元素和显示结果的元素,然后为每个按钮添加点击事件,根据按钮的值进行相应的操作,最后将结果显示在页面上。
阅读全文