input 입력값 받기.(input.value)

데이터 받기

사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성한다.

: 입력 요소 - HTML: Hypertext Markup Language | MDN

See the Pen by jongha (@gajong) on CodePen.

아무거나 입력해서 제출하고

console.dir을 살펴보면 입력값이 value 부분에 적혀있다.

input value

value부분이 내가 입력한 값이다.

const loginInput = document.querySelector("#login-form input");
const loginButton = document.querySelector("#login-form button");

function loginButtonClick() {
    console.log(loginInput.value);
};

loginButton.addEventListener("click", loginButtonClick);

loginInput.value를 하면 내가 입력한 값을 볼 수 있다.