input 태그의 값 이용하기

input 태그 값 사용법에 대한 의문

JS 를 공부하긴 했지만, 여전히 페이지를 만들어보려니 input 태그로 입력한 값을 도대체 어떻게 써야할지 막막했다.

그래서 이벤트 핸들러를 등록하고, 이 이벤트 객체를 이용해 event.target 에서 그 값을 얻어오는 방식을 썼었다.

하지만 계속 이렇게 번거롭게 하는게 맞는가? 더 복잡한 로직은 어떡해야하지? 하는 의문이 들었던 차였다.

오늘 멘토링 시간에 코드 리뷰에 대한 설명을 들었는데, 마침 그 부분을 알 수 있었다.

 

---

문제해결

굳이 이벤트 핸들러를 등록하지 않고 해당 input 태그를 document.querySelector() 로 선택해서

변수명 지정 후 변수명.value 를 사용하면 해당 태그의 값을 사용할 수 있었다.

나는 특정 시점에만 값이 넘어온다고 생각했는데, 그냥 DOM 그 자체에서 실시간으로 값을 받을 수 있나보다.

내가 너무 어렵게 생각한건지... 이번 멘토링 시간에서는 배우고 얻어간게 되게 많았다.

이번 단위 기간이 끝나서 멘토님이 바뀌는게 아쉽다.