[책] 자바스크립트 코드 레시피 278 - 143일차

텍스트 영역 textarea 값 읽어 오기

• 텍스트 영역의 문자열을 확인하고 싶을 때
• 텍스트 영역의 문자열을 변환하고 싶을 때

구문

텍스트영역요소.value 입력 폼의 문자열

설명

textarea 요소는 여러 줄 입력이 가능한 텍스트 폼을 표시합니다. 텍스트 영역은 줄바꿈을 포함해 자유로운 문자의 입력이 가능합니다. 자바스크립트에서는 value 속성을 통해 요소에 접근할 수 있습니다. value 속성의 타입은 문자열 string 입니다.

실습

index.html

<textarea id="myText">오늘의 날씨는 맑음</textarea>

---

script.js

const element = document.querySelector('#myText');
let value = element.value;
console.log(value);
console.log(value = '안녕하세요.', '출력된 텍스트 변경');
console.log(element.value = '안녕하세요.', 'element 요소의 value 값 변경');