⚾ 미션 - 숫자 야구 게임

🎯 기능 요구사항

기본적으로 1부터 9까지 서로 다른 수로 이루어진 3자리의 수를 맞추는 게임이다.
같은 수가 같은 자리에 있으면 스트라이크, 다른 자리에 있으면 볼, 같은 수가 전혀 없으면 낫싱이란 힌트를 얻고, 그 힌트를 이용해서 먼저 상대방(컴퓨터)의 수를 맞추면 승리한다.
- 예) 상대방(컴퓨터)의 수가 425일 때
- 123을 제시한 경우 : 1스트라이크
- 456을 제시한 경우 : 1볼 1스트라이크
- 789를 제시한 경우 : 낫싱
위 숫자 야구게임에서 상대방의 역할을 컴퓨터가 한다. 컴퓨터는 1에서 9까지 서로 다른 임의의 수 3개를 선택한다. 게임 플레이어는 컴퓨터가 생각하고 있는 3개의 숫자를 입력하고, 컴퓨터는 입력한 숫자에 대한 결과를 출력한다.
이 같은 과정을 반복해 컴퓨터가 선택한 3개의 숫자를 모두 맞히면 게임이 종료된다.
게임을 종료한 후 게임을 다시 시작할 수 있다.
게임을 종료한 후 id가 game-restart-button인 버튼을 클릭함으로써 게임을 다시 시작할 수 있다.
- 예) <button id="game-restart-button">재시작</button>

💻 프로그래밍 실행 결과

✅ 프로그래밍 요구사항

play(컴퓨터의 랜덤 값, 유저의 입력 값) 메서드를 만들어 게임을 진행한다.
play메서드는 String으로 결과값을 return 한다.
index.js에서 아래의 function 또는 class 형태를 활용한다.

export default function BaseballGame() {
  this.play = function (computerInputNumbers, userInputNumbers) {
    return "결과 값 String";
  };
}

export default class BaseballGame {
  play(computerInputNumbers, userInputNumbers) {
    return "결과 값 String";
  }
}

// 예시
play(123, 456); // '낫싱'
play(123, 345); // '1볼'
play(123, 432); // '2볼'
play(123, 312); // '3볼'
play(123, 145); // '1스트라이크'
play(123, 134); // '1볼 1스트라이크'
play(123, 132); // '2볼 1스트라이크'
play(123, 124); // '2스트라이크'

스트라이크와 볼이 같이 있는 경우 볼을 먼저쓰고, 스트라이크를 쓴다.
사용자가 잘못된 입력 값을 작성한 경우 alert을 이용해 메시지를 보여주고, 재입력할 수 있게 한다.
외부 라이브러리(jQuery, Lodash 등)를 사용하지 않고, 순수 Vanilla JS로만 구현한다.
자바스크립트 코드 컨벤션을 지키면서 프로그래밍 한다
- https://google.github.io/styleguide/jsguide.html
- https://ui.toast.com/fe-guide/ko_CODING-CONVENSION/
indent(인덴트, 들여쓰기) depth를 3이 넘지 않도록 구현한다. 2까지만 허용한다.
- 예를 들어 while문 안에 if문이 있으면 들여쓰기는 2이다.
- 힌트: indent(인덴트, 들여쓰기) depth를 줄이는 좋은 방법은 함수(또는 메소드)를 분리하면 된다.
함수(또는 메소드)가 한 가지 일만 하도록 최대한 작게 만들어라.

📝 미션 저장소 및 진행 요구사항

저장소를 fork/clone해 시작한다.
기능을 구현하기 전에 README.md 파일에 구현할 기능 목록을 정리해 추가한다.
git의 commit 단위는 앞 단계에서 README.md 파일에 정리한 기능 목록 단위로 추가한다.
프리코스 과제 제출 문서 절차를 따라 미션을 제출한다.

🔗 참고 링크

미션 진행이 어렵다면 아래 링크를 참고한다.

DOM
- MDN DOM
alert
- MDN alert
javascript module
- module
event
- 이벤트
- 이벤트 위임

function makeRandomNumber() {
  // 최초 실행시 실행되는 랜덤한 숫자 생성 함수
}

function getInputNumber() {
  // 3자리 숫자인지(0, 중복 확인)

  // 맞으면 다음 단계 실행, 틀리면 alert
}

function checkAnswer() {
  // 일치하는 숫자 없음 -> 낫싱 출력

  // 일치하는 숫자 있음
    // 일치하는 자리 위치 파악
      // 같으면 스트라이크
      // 다르면 볼
      // 모두 일치하면 -> 정답 문구 출력, 재시작 버튼 활성화

}

function reStart() {
  // 모든 걸 리셋하고 다시 처음부터 시작 (랜덤한 숫자 생성도 포함)
}

aymin91/javascript-baseball-precourse

⚾ 미션 - 숫자 야구 게임

🎯 기능 요구사항

💻 프로그래밍 실행 결과

✅ 프로그래밍 요구사항

📝 미션 저장소 및 진행 요구사항

🔗 참고 링크