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

텍스트 박스 값 읽어 오기

• HTML 폼의 데이터 값을 가져오고 싶을 때
• 텍스트 입력 폼의 데이터를 변경하고 싶을 때

구문

input.요소.value

설명

input 요소의 type 속성을 text로 설정하면 텍스트 입력 폼이 표시됩니다. 텍스트 입력 폼은 유저로부터 임의의 텍스트를 입력받습니다. 자바스크립트는 value 속성으로 요소를 참조하여 데이터 값을 확인할 수 있으며, value 속성은 문자열 string 입니다.

실슶

index.html

<input id="myText" type="text" value="안녕하세요. 여러분!">

---

script.js

const element = document.querySelector('#myText');
const value = element.value;
console.log(value);