JavaScript 입문 : 숫자 야구 게임 - 정답 여부 확인 (4개 숫자 검증하기 2)

이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 

 

지난 시간 게임참가자가 입력되는 값에 대한 검증을 하고 있었습니다. 계속해서 검증에 대해 공부를 하고자 합니다. 

 

 

 

 

상기 그림과 같이 외부함수 checkInput(input)을 통해서 입력값에 대한 에러를 예상하였고 form태그 이벤트리스너안에 제대로 된 입력값을 넣기위한 기본 코딩을 만들어 보았습니다. 

 

① 입력값이 문제 없는 경우 

 

입력값이 문제 없는 경우를 확인하기 위해서 입력값이 들어갈 빈 배열을 하나 만들고 .push를 이용하여 4개의 숫자를 빈 배열에 저장한 후 확인합니다. 

 

tries라는 빈 배열 변수를 선언하고 입력된 값 value를 push해 보고 브라우저에서 시험해 보도록 합니다. 

 

② 입력값을 이미 시도한 경우

 

입력값을 이미 시도 하였는데 다시 입력할 경우 경고창을 내보내야 합니다. 여기서 사용할 method는 includes( )라는 method입니다. input값 검증에 반영합니다. 

브라우저에서 확인을 해 보겠습니다. 

 

우선 예상되는 에러를 확인해 볼 수 있었습니다. 이 외 발생되는 에러는 그때마다 추가하면서 코딩을 다듬어 갈 필요가 있을 것 같습니다.