javascript - 사용자가 입력하는 글자 수 세기

안녕하세요~

 

댓글 혹은 양식을 입력할때 글자수 제한을 둬야하는 경우가 있습니다

 

이럴때 유용한 방법입니다.

 

준비물은 html 문서 한장이구요 

 

먼저 javascript를 적용할 html tag를 작성합니다

 

span tag에 reCount라는 id 속성을 부여했습니다

 

innerHTML은 태그의 내용을 갖는 속성(property)입니다

 

textarea에 onkeyup 이벤트가 작성되어 있는데요.

 

onkeyup 이벤트는 키보드 키를 눌렀다가 떼었을때 발생합니다~

 

위 코드는 onkeyup 이벤트에 counter 함수를 연결했기 때문에 키보드 키가 눌렸다가 떼일때 counter 함수를 호출합니다

 

타이핑을 할 때마다 onkeyup에 등록된 counter 함수가 발생해서 우측 하단의 숫자를 증가시켜줍니다~