Javascript -01. js에서 사용자의 인풋 가져오기

자바스크립트에서 사용자의 인풋을 받는 것은 간단하다.

우선 index.html에, script src를 통해 app.js를 연결해 준다.

그리고 form태그를 만든 후 자바스크립트에서 form을 제어하면 된다.

이제 app.js에서
우선 form 태그부분과
login Input 부분을 선택한다.

그런 다음,

form에서 사용자가 제출 버튼을 눌렀을 때 인풋을 가져오기 위해,
addEventListener함수를 통해
Event를 감지한다.

마지막으로 미리 이름을 설정해두었던 '제출 버튼을 누르면 사용자의 이름을 가져오는"
함수를 정의한다.

제출 버튼을 누르면 기본 디폴트로 새로고침되기 때문에
preventDefault()를 통해 새로고침을 막아준다.
주의할점은 argument로 event를 넣어주어야 한다는 것이다.
그리고 인풋에서 밸류를 가져와 username에 할당하고
마지막으로 username을 console에 log한다.