끝말잇기 게임 | 순서도 최적화하기

uoah·2023년 2월 2일

끝말잇기게임

Training

목록 보기

7/20

🕹️ 기존 게임 순서도

🕹️ 순서도 최적화하기

🧑🏻‍💻 코딩

const number = Number(prompt('참가 인원을 입력해 주세요.'));
const $button = document.querySelector('button');
const $input = document.querySelector('input');
const $word = document.querySelector('#word');
const $order = document.querySelector('#order');
let word; // 제시어
let newWord; //새로 입력한 단어

const onClickButton = () => {
  if (!word || word[word.length - 1] === newWord[0]){
    // 비어 있는 경우
    word = newWord;
    $word.textContent = word;
    const order = Number($order.textContent); // 현재 순서
    if (order + 1 > number){
      $order.textContent = 1;
    } else {
      $order.textContent = order + 1;
    }
  } else {
      alert ('GAME OVER');
  }
  $input.value = '';
  $input.focus();
};

const onInput = (event) => {
  newWord = event.target.value;
};


$input.addEventListener('input', onInput);
$button.addEventListener('click', onClickButton);