const onClickNumber = (event) => {
if (operator) {
if (!numTwo) {
$result.value = '';
}
numTwo += event.target.textContent;
} else {
numOne += event.target.textContent;
}
$result.value += event.target.textContent;
};
이제 두 번째 숫자를 클릭할 때 numTwo 변수에 저장된 값이 없으면 먼저 화면을 비우고 값을 입력합니다. 그런데 수정한 코드는 if 문 안에 if 문이 있는 중첩 if 문입니다. 분기점이 많은 코드를 작성하다 보면 이렇게 중첩 if 문을 사용하는 경우가 많습니다. 2.4.4절에서 if 문이 중첩될수록 코드는 읽기가 어려워지므로 피하는 게 좋다고 했습니다. 실제로 순서도만 살짝 바꿔도 대부분의 중첩 if 문은 피할 수 있습니다.