[Javascript] 숫자 야구 ( 2 )

인프런 'ZeroCho'님의 '웹 게임을 만들며 배우는 자바스크립트'를 수강하며 학습한 내용입니다.

---

숫자 뽑기 함수

맞춰야할 4자리 숫자를 만드는 부분은 반복적으로 쓰이기 때문에 numberDrawLots() 함수로 만들었다. 

 

숫자 야구의 이벤트 리스너 부분

 

1. 숫자 야구 답을 맞춘 경우/ 홈런 ( 자리와 숫자 모두 맞춘 경우)

   resultView(결과창)에 홈런이라는 문구가 뜨도록 해주고, 총 몇 번을 틀려서 문제를 맞춘것인지 알려주도록 하였다.

 

 

2. 숫자 야구 답을 틀린 경우 

   resultView(결과창)에 스크라이크 또는 볼을 보여주도록 한다. 

   내가 입력한 답과 답안을 비교하여 위치와 숫자를 맞춘 갯수만큼 스트라이크로 표현해 주고,

   숫자만 맞췄다면 indexOf 함수를 사용하여 ball을 계산하였다.   

 

   너무 많이 기회를 주면 쉽게 문제를 풀 수 있기 때문에 10번의 제한을 주었다. 

   틀린횟수를 count에 저장하여 틀릴때마다 1씩 증가하도록 하였다. 

   그래서 count의 값이 10을 넘으면 실패 문구와 답을 보여주고, 새로운 문제를 준비한다. 

  

결과

---