JavaScript에서 텍스트에리어 작업하기
본 교재의 이번 섹션에서는 폼의 더 복잡한 기능들에 대한 작업을 학습할 것입니다.
먼저, 여러 줄 입력 필드를 나타내는 태그 textarea부터 공부하겠습니다.
이 태그를 작업할 때 알아야 할 뉘앙스가 있습니다. 핵심은 다음과 같습니다: 태그에 기본적으로 들어갈 텍스트는 여는 태그 textarea와 닫는 태그 사이에 위치합니다:
<textarea id="elem">text</textarea>
:
그러나, 이와 상관없이 태그의 텍스트를 읽고 쓸 때는 innerHTML 속성을 통해 해서는 안 되며, value 속성을 통해 해야 합니다. 예를 들어 위의 textarea 텍스트를 출력해 보겠습니다:
let elem = document.querySelector('#elem');
console.log(elem.value); // 'text'를 출력합니다
텍스트에리어와 단락이 주어졌습니다. 텍스트에리어에서 포커스를 잃을 때, 그 텍스트를 단락에 기록하세요.
