let firstNumber = '';
let secondNumber = '';
let operator = '';
let isSecondNumber = false;
const numberButtons = document.querySelectorAll('.numberButton');
const calcButtons = document.querySelectorAll('.calcButton');
const topText = document.querySelector('.info-box-top-text');
const bottomText = document.querySelector('.info-box-bottom-text');
numberButtons.forEach(button => {
button.addEventListener('click', () => {
const value = button.textContent;
if (value === 'AC') {
firstNumber = '';
secondNumber = '';
operator = '';
isSecondNumber = false;
topText.textContent = '';
bottomText.textContent = '';
} else if (value === '=') {
if (firstNumber && secondNumber && operator) {
const result = calculate(Number(firstNumber), Number(secondNumber), operator);
topText.textContent = `${firstNumber} ${operator} ${secondNumber}`;
bottomText.textContent = result;
firstNumber = result.toString();
secondNumber = '';
operator = '';
isSecondNumber = false;
}
} else {
if (!isSecondNumber) {
firstNumber += value;
bottomText.textContent = firstNumber;
} else {
secondNumber += value;
bottomText.textContent = secondNumber;
}
}
});
});
calcButtons.forEach(button => {
button.addEventListener('click', () => {
if (firstNumber) {
operator = button.textContent;
console.log('Operator set to:', operator);
isSecondNumber = true;
topText.textContent = `${firstNumber} ${operator}`;
}
});
});
function calculate(num1, num2, op) {
switch(op) {
case '+': return num1 + num2;
case '-': return num1 - num2;
case '*': return num1 * num2;
case '/':
if (num2 === 0) {
return 'Cannot Divide by Zero';
}
return num1 / num2;
default: return 0;
}
}