button의 타입과 접근 가능한 이름을 이해합니다.
button은 사용자의 명령을 받는 요소입니다. form 안의 기본 type은 submit이므로 단순 동작은 type=button을 명시하고, 제출은 submit, 초기화는 reset을 사용합니다.
스크립트는 countButton 버튼에 click 리스너를 달고, 누를 때마다 count를 1 늘린 값을 span의 textContent에 넣습니다. 그래서 버튼 안의 0이 1, 2, 3으로 바뀌는 동안 클릭과 회라는 글자는 그대로 남습니다. 버튼의 이름은 span을 포함한 안쪽 글자 전체로 계산되므로 화면 읽기 도구도 바뀐 숫자가 들어간 이름을 읽습니다.
button에 건 click 리스너는 마우스뿐 아니라 키보드의 Enter와 Space 키, 터치 입력에도 똑같이 호출되므로 입력 방식별로 따로 처리하지 않아도 됩니다. disabled를 붙이면 버튼이 click 이벤트를 내보내지 않고 Tab 순서에서도 빠지므로, 처리 중인 동안 중복 클릭을 막는 데 쓸 수 있습니다.
클릭 가능한 div를 만들기보다 키보드와 접근성 동작이 기본 제공되는 button을 사용하세요.
직접 바꿔보세요버튼 문구를 바꾸고 클릭 횟수가 2씩 증가하게 수정하세요.