javascript计算器代码
时间: 2024-02-04 07:08:53 浏览: 28
以下是一个简单的JavaScript计算器的代码示例:
```javascript
// 获取按钮元素
var buttons = document.querySelectorAll('.button');
var input = document.querySelector('.input');
// 给每个按钮添加点击事件监听器
buttons.forEach(function(button) {
button.addEventListener('click', function() {
var value = button.getAttribute('data-value');
// 如果点击的是等号按钮
if (value === '=') {
// 判断输入框的值是否包含运算符
if (input.value.includes('+') || input.value.includes('-') || input.value.includes('*') || input.value.includes('/')) {
alert("连续运算功能未上线!");
} else {
input.value += value;
}
} else {
input.value += value;
}
});
});
// 数值计算
function calculate() {
var expression = input.value;
// 判断输入的表达式中包含哪个运算符
if (expression.includes('+')) {
var numbers = expression.split('+');
var num1 = parseFloat(numbers[0]);
var num2 = parseFloat(numbers[1]);
input.value = num1 + num2;
} else if (expression.includes('-')) {
var numbers = expression.split('-');
var num1 = parseFloat(numbers[0]);
var num2 = parseFloat(numbers[1]);
input.value = num1 - num2;
} else if (expression.includes('*')) {
var numbers = expression.split('*');
var num1 = parseFloat(numbers[0]);
var num2 = parseFloat(numbers[1]);
input.value = num1 * num2;
} else if (expression.includes('/')) {
var numbers = expression.split('/');
var num1 = parseFloat(numbers[0]);
var num2 = parseFloat(numbers[1]);
// 判断分母是否为0
if (num2 === 0) {
input.value = "Error";
} else {
input.value = num1 / num2;
}
}
}
```