script로 HTML에 JavaScript 동작을 연결합니다.
script 요소는 브라우저가 실행할 JavaScript를 포함하거나 외부 .js 파일을 불러옵니다. defer를 사용하면 HTML 파싱을 막지 않고 문서가 준비된 뒤 실행할 수 있습니다.
예제에서는 <script src="app.js" defer></script> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 버튼을 누를 때 문구뿐 아니라 배경색도 바뀌게 수정하세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
HTML 요소보다 script가 먼저 실행되면 선택 결과가 null일 수 있습니다. defer나 body 끝 배치를 사용하세요.
직접 바꿔보세요버튼을 누를 때 문구뿐 아니라 배경색도 바뀌게 수정하세요.