글자수 세기 웹페이지 만들기

오늘은 html, css, javascript를 이용해 글자수 세기 웹페이지를 한 번 만들어 보겠습니다. 먼저 HTML의 기본 구조를 짜주겠습니다. 이제 글자를 입력할 입력 영역을 만들겠습니다. 이 부분을 만들기 위해 textarea 태그를 사용해줍니다.(새로 추가된 부분은 진한 텍스트로 표시하겠습니다). 이제 웹 브라우저로 HTML파일을 실행시켜보면 아래와 같이 나옵니다. 보시면 글을 입력하는 부분이 너무 작습니다. 이걸 textarea태그의 rows와 cols 속성을 이용해 더 크게 만들어 주겠습니다. 실행시켜보면 텍스트 입력 영역이 더 커진것을 확인할 수 있습니다. 이제 글자수가 얼마인지 결과값을 출력해 줄 곳을 만들어 봅시다. 결과값은 input태그를 이용해 textarea 아래줄에 input 상..