javascript#4 wordle 만들기 #2

5번째 알파벳을 집어넣었을 때 console에 해당 줄 끝남 표시가 뜨게 해보자.

5번째 단어를 입력할 때 내가 입력한대로 창에 뜨게해보자. 다만 10번째, 15번째가 되어도 입력한 값이 5개 단위로 계속 초기화가 되어야 하겠다.

이렇게도 가능하다.

_DELETE 버튼을 클릭하면 하나 입력한 값 하나를 지울 수 있도록 하자.

다만 5칸이지나고 다음 칸에 넘어왔을 때, 즉 5번째 인덱스일 때에는 DELETE가 먹어 다시 앞줄로 넘어가는 일이 발생해서는 안된다. 5로 나누었을 때, 그리고 data-key의 속성이 _DELETE 일 때 numbers의 방금 전 인덱스 값을 다시 ' '으로 공백처리 해주면 되겠다.

이제 해결해야할 문제는 바로 이것. 5번째 인덱스를 마주할 때마다 _DELETE의 값이 그대로 먹히게 된다.

이를 해결하기 위해 _DELETE의 를 포함한다면 그냥 return해버리겠다고 지정.

이제 좀 아까 내가 입력한 값이 5개씩 끊어 나오게 설정해두었던 userAnswer을
for 문 안에 넣은 뒤 5개가 하나하나씩 나오게 하였다.

for(let i = 0; i < userAnswer.length; i++) {
    console.log(userAnswer[i]); 
    }

이제 주어지는 정답 5글자에 해당하는 인덱스 값에 입력한 값이 맞는 위치에 들어온다면 초록색, 그 단어가 있지만 위치가 다르면 노랑색, 존재하지 않는 단어면 회색을 띄게 한다.
한 줄이 정답과 일치하면 정답 alert를, 마지막까지 정답이 없다면 실패 alert가 뜬다.

정답이 CABLE일 때,