Page 23 -
P. 23
5.3
입력값 검증하기
이제 입력창으로 숫자야구의 예측값을 받겠습니다. 이번에는 버튼 태그에 click 이벤트를 달 5장
지 않고, $form 태그에 submit 이벤트를 달았습니다. 보통 입력창이 있으면 폼 태그로 감싸서
submit 이벤트를 사용하는 것이 좋습니다. 그래야 버튼을 클릭하지 않고도 Enter 를 눌러 값을
반복문 사용하기_숫자야구 게임
제출할 수 있습니다.
기존 코드 아래에 다음 코드를 작성합니다.
...
console.log(answer);
const tries = [];
function checkInput(input) {}
$form.addEventListener('submit', (event) => {
event.preventDefault();
const value = $input.value;
$input.value = '';
const valid = checkInput(value);
});
event.preventDefault()를 사용했는데, 이는 폼 태그의 기본 동작을 취소하는 코드입니다.
폼 태그는 submit 이벤트가 발생할 때 기본으로 브라우저를 새로고침합니다. 숫자야구 게임에
서는 브라우저가 새로고침되면 모든 것이 초기화되므로 새로고침되는 것은 반드시 막아야 합
니다.
249