일반 메뉴에서 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번 종료 선택 시
}
});