iput 입력글자 제한에러...

Question

안녕하세요 선생님 강의 잘듣고 있습니다 다른 기능은 잘되는데 input창에 처음으로 답을 입력할때 4글자 까지 입력이 되는데 2번째 입력할때 입력 글자가 3글자로 제한되는데.. 뭐가 문제일 까요 ㅠㅠㅠ 아 , 그리고 또 궁금한점이 함수 숫자뽑기() 에서 처음에는 조건이 var i = 0 ; i < 4 ; i += 1 로 쓰이는데 틀리면 조건이 var i = 0 ; i < 3 ; i += 1 으로 쓰는건 왜인가요?? // 숫자야구 var 바디 = document . body ; var 숫자후보 ; var 숫자배열 ; function 숫자뽑기 () { 숫자후보 = [ 1 , 2 , 3 , 4 , 5 , 6 , 7 , 8 , 9 ]; 숫자배열 = []; for ( var i = 0 ; i < 4 ; i += 1 ) { var 뽑은것 = 숫자후보 . splice ( Math . floor ( Math . random () * ( 9 - i )), 1 )[ 0 ]; 숫자배열 . push ( 뽑은것 ); } } // 문제 시작 숫자뽑기 (); console . log ( 숫자배열 ); // 게임 답 확인용 var 결과 = document . createElement ( "h3" ); 바디 . append ( 결과 ); var 폼 = document . createElement ( 'form' ); document . body . append ( 폼 ); var 입력창 = document . createElement ( 'input' ); 폼 . append ( 입력창 ); 입력창 . maxLength = 4 ; // input 입력 4글자로 제한 var 버튼 = document . createElement ( 'button' ); 버튼 . textContent = "입력" ; 버튼 . style . marginLeft = '3px' ; 폼 . append ( 버튼 ); var 결과창 = document . createElement ( 'div' ); document . body . append ( 결과창 ); var 틀린횟수 = 0 ; 폼 . addEventListener ( 'submit' , function 콜백함수 ( e ) { e . preventDefault (); var 답 = 입력창 . value ; if ( 답 === 숫자배열 . join ( "" )) { // 답이 맞으면 결과 . textContent = "홈런" ; 입력창 . value = " " ; 입력창 . focus (); // 새로운 문제 내기 숫자뽑기 (); 틀린횟수 = 0 ; } else { // 답이 틀리면 var 답배열 = 답 . split ( " " ); var 스트라이크 = 0 ; var 볼 = 0 ; 틀린횟수 += 1 ; if ( 틀린횟수 > 4 ) { // 4번 넘게 틀리면 결과 . textContent = '4번 넘게 틀려서 실패! 답은' + 숫자배열 . join ( ',' ) + '였습니다.' ; 입력창 . value = " " ; 입력창 . focus (); // 새로운 문제 내기 숫자뽑기 (); 틀린횟수 = 0 ; } else { // 4번 미만으로 틀리면 console . log ( '답이 틀리면' , 답배열 ); // 에러 확인용 for ( var i = 0 ; i < 3 ; i += 1 ) { if ( Number ( 답배열 [ i ]) === 숫자배열 [ i ]) { // 같은 자리인지 확인 스트라이크 += 1 ; console . log ( '같은자리?' ); // 에러 확인용 } else if ( 숫자배열 . indexOf ( Number ( 답배열 [ i ])) > - 1 ) { //같은 자리는 아니지만, 숫자가 겹치는지 확인 && 여기서 -1 은 indexOf에서 없는값을 의미 볼 += 1 ; console . log ( '겹치는 숫자?' ); // 에러 확인용 } } 결과 . textContent = 스트라이크 + "스트라이크" + 볼 + "볼 입니다" ; 입력창 . value = " " ; 입력창 . focus (); } } });