button의 타입과 접근 가능한 이름을 이해합니다.
button은 사용자의 명령을 받는 요소입니다. form 안의 기본 type은 submit이므로 단순 동작은 type=button을 명시하고, 제출은 submit, 초기화는 reset을 사용합니다.
예제에서는 <button type="button">실행</button> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 버튼 문구를 바꾸고 클릭 횟수가 2씩 증가하게 수정하세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
클릭 가능한 div를 만들기보다 키보드와 접근성 동작이 기본 제공되는 button을 사용하세요.
직접 바꿔보세요버튼 문구를 바꾸고 클릭 횟수가 2씩 증가하게 수정하세요.