[자바스크립트] input date 입력값 확인 눌러서 출력하기

 

생각해보면 엄청 간단하고 쉬운 거고 자주 쓰는 건데 쓸때마다 까먹는 다....

제대로 기록해서 미래의 나에게 도움이 되길..ㅋㅋ

 

 

나는 날짜를 선택하고 나서 확인을 누르면 그 데이터를 출력하거나 다른 곳에 이용할 수 있도록 해볼 것인데

text를 입력받은 후에 하려면 id="input_date"의 type을 text로 변경하면 될 듯!

 

 

 

 

 

 

HTML

- 먼저 HTML에서 타입이 date인 input과 submit인 input을 2개 만든다. 

- 타입이 submit인 input에 onclick="input()" 을 넣어준다.

- 여기서 input()은 확인을 누르면 자바스크립트에서 실행되는 함수이다. 이 함수는 input_date랑 연결되어 있을 예정

<input id="input_date" type="date">
<input id="input_submit" type="submit" onclick="input()" value="확인">

 

반응형

 

자바스크립트

- 참고로 #은 id고 .은 class다!! 잊지말것!! 

- dday 변수를 하나 만들고 거기에 input_date의 value값을 저장한 후에 콘솔창에 출력해보는 것 

function input(){
    const dday = document.querySelector("#input_date").value;
    console.log(dday);
}

  

 

 

결과