어떻게 숫자 부분을 같게 만들 수 있을까요? 숫자들의 공통점을 찾으면 됩니다. 여기서 숫자는 모두 button 태그에 들어 있는 문자입니다. 버튼을 클릭할 때 event.target.textContent로 button 태그의 문자를 가져올 수 있습니다. 따라서 onClickNumber() 함수에서 숫자를 모두 같게 만들 수 있습니다.
const onClickNumber = (event) => {
if (operator) {
numTwo += event.target.textContent;
} else {
numOne += event.target.textContent;
}
$result.value += event.target.textContent;
};
document.querySelector('#num-0').addEventListener('click', onClickNumber);
document.querySelector('#num-1').addEventListener('click', onClickNumber);
document.querySelector('#num-2').addEventListener('click', onClickNumber);
document.querySelector('#num-3').addEventListener('click', onClickNumber);
document.querySelector('#num-4').addEventListener('click', onClickNumber);
document.querySelector('#num-5').addEventListener('click', onClickNumber);
document.querySelector('#num-6').addEventListener('click', onClickNumber);
document.querySelector('#num-7').addEventListener('click', onClickNumber);
document.querySelector('#num-8').addEventListener('click', onClickNumber);
document.querySelector('#num-9').addEventListener('click', onClickNumber);