더북(TheBook)

일반 메뉴에서 1번 모험을 선택하면 화면이 전투 메뉴로 바뀝니다. 이때 상대할 몬스터를 monsterList에서 무작위로 가져옵니다.

$startScreen.addEventListener('submit', (event) => {
  (중략)
}
$gameMenu.addEventListener('submit', (event) => { // 일반 메뉴
  event.preventDefault();
  const input = event.target['menu-input'].value; 
  if (input === '1') { // 1번 모험 선택 시
    $gameMenu.style.display = 'none'; // 일반 메뉴 화면 숨기기
    $battleMenu.style.display = 'block'; // 전투 메뉴 화면 보이기
    monster = JSON.parse(
      JSON.stringify(monsterList[Math.floor(Math.random() * monsterList.length)])
    ); // 몬스터 무작위로 가져오기
    // 상대할 몬스터 정보 표시
    monster.maxHp = monster.hp;
    $monsterName.textContent = monster.name;
    $monsterHp.textContent = `HP: ${monster.hp}/${monster.maxHp}`;
    $monsterAtt.textContent = `ATT: ${monster.att}`;
  } else if (input === '2') { // 2번 휴식 선택 시
  } else if (input === '3') { // 3번 종료 선택 시
  }
});
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.