JavaScript가 웹 페이지의 데이터와 동작을 바꾸는 역할을 이해합니다.
JavaScript는 값을 계산하고 조건을 판단하며 DOM을 통해 HTML을 변경합니다. 브라우저에서는 클릭·입력 같은 이벤트를 기다렸다가 필요한 코드를 실행하는 방식이 흔합니다.
코드를 읽을 때는 element.addEventListener("click", handler) 부분부터 찾으세요. 현재 값과 실행 순서를 줄마다 적어 보면 문법을 외우지 않아도 결과를 예측할 수 있습니다.
실행하기 전에 예상 결과를 짧게 적은 뒤 출력 문구와 버튼의 이벤트 종류를 바꿔보세요. 실제 출력이 다르면 콘솔에 처음 나타난 오류와 그 직전 값을 차례로 확인하세요.
JavaScript 오류가 하나 발생하면 그 이후 코드가 실행되지 않을 수 있습니다. 콘솔의 첫 오류부터 확인하세요.
직접 바꿔보세요출력 문구와 버튼의 이벤트 종류를 바꿔보세요.