[자바스크립트]textarea 글자수 세기 스크립트

<textarea class="textarea"></textarea>
<p>현재<span class="string_num"> 0 </span>를 입력하셨습니다.</p>

let textarea = document.querySelector('.textarea');

let string_num = document.querySelector('.string_num');
textarea.addEventListener('keyup', onKeyUp);

//addEventListener('이벤트종류', '함수이름');

function onKeyUp(){ //addEventListener에 설정했던 함수이름을 들고온다.
  const inputText = textarea.value;
  string_num.innerText = inputText.length;
}

보기

See the Pen 자바스크립트 글자수세기 by sujin (@sujin_jeong) on CodePen.

출처:자바스크립트 코드 레시피 278