JavaScript 입문 : 야구 숫자 게임 - 홈런 여부 검사

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

 

지난 시간까지 숫자 4개가 제대로 입력이 되었는지에 대한 입력값 검증에 대해 공부를 해 보았습니다. 여기서 눈여겨 볼 만한 포인트는 form태그 이벤트리스너에서 입력값 검증 코딩이 길게 되는 경우 좀 더 효율적인 방법으로 함수를 외부에 지정하고 코딩을 하였습니다. 

 

앞으로 기회가 되면 이런 훈련을 많이 해 봐야 할 것 같습니다 

 

오늘은 홈런인지 아니면 몇 볼 몇 스트라이크 인지 판단을 하고 코딩을 하는 방법을 공부하고자 합니다. 

 

1. 홈런인지 확인

 

게임의 규칙상 4자리 숫자를 우연히 정확하게 맞히면 홈런이라고 화면에 표시를 합니다. 물론 10번의 시도 중에서 볼과 스트라이크를 확인하면서 숫자를 맞춰야 겠지요. 

 

 

만일 10번까지 시도를 한다고 가정하면 if (tries.length >= 10) 으로 변경하면 되겠지요. 맞추지 못하면 '실패'라고 다음과 같이 화면에 뜹니다. 

 

2. 실패시 정답표시 

 

실패시 정답을 화면에 표시하고자 하면 createTextNode(  )로 정답을 만들고 변수에 저장한 후 appendChild(변수)로 나타내면 됩니다. 

 

 

실패할 경우 브라우저에서는 다음과 같이 보여집니다. 

 

특히 정답을 나타내는 answer.join(' ') 메소드는 강좌에서도 틀리게 가르쳐 주고 있어서 상상의 나래를 펼쳐보다가 알게 되었습니다. 

 

※ 중복된 if문 줄이기 

 

if문안에 if문이 오게 되면서 좀 더 간편하게 줄일 수 있다고 공부해 보았습니다. 다음과 같이 반대로 해서 줄일 수 있는데 저같은 초보자는 안줄이고 원래를 유지하는게 더 이해하기가 쉽더라구요.