더북(TheBook)

 

6.6

계산기 초기화하기

마지막으로 #clear 태그(C 버튼)가 클릭되는 것을 감지할 이벤트 리스너를 작성하겠습니다. 모든 것을 초기화하면 됩니다. 초기화한다는 것은 처음 상태로 되돌린다는 것을 의미합니다. 변수와 함수 모두 초기 상태로 설정하면 됩니다.

#clear 태그까지 합쳐 완성된 자바스크립트 코드는 다음과 같습니다.

<script>
let numOne = ''; 
let operator = ''; 
let numTwo = '';
const $operator = document.querySelector('#operator'); 
const $result = document.querySelector('#result');
const onClickNumber = (event) => { 
  if (!operator) {
    numOne += event.target.textContent;
    $result.value += event.target.textContent;
    return;
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.