dom에서 직접i nput의 value 값을 갖고 나오는 것에 대해

Question

input의 value 값을 dom에서 바로 가져오려 했지만 btn 클릭 이벤트에서 이를 제대로 인식 못합니다. 또한 콘솔로 찍어보면 아무 값도 안 떠서 이런 현상이 왜 이런지 궁금합니다.

Answer

안녕하세요.

우선 현재 기준 input 에 value 값이 들어있지 않아서 아무 값이 안 뜹니다.

이렇게 value가 들어 있다면 1을 반환을 합니다만,

클릭시 input의 바뀐 값이 필요하실테니

click 시에 value 값을 가져오시면 됩니다.

const answer = document.querySelector(".answer ");

test.addEventListener("click", function() {

alert(answer.value)

});