12.5.5 전투 메뉴 재구성하기
전투 메뉴에서 1(공격)을 입력받으면 몬스터를 공격하게 해 보겠습니다. 공격한 후에는 결과를 메시지로 표시하고 주인공과 몬스터의 정보를 업데이트합니다.
onBattleMenuInput = (event) => { // 전투 메뉴 메서드
event.preventDefault();
const input = event.target['battle-input'].value;
if (input === '1') { // 공격
const { hero, monster } = this;
hero.attack(monster);
monster.attack(hero);
this.showMessage(`${hero.att}의 피해를 주고, ${monster.att}의 피해를 받았다.`);
this.updateHeroStat();
this.updateMonsterStat();
} else if (input === '2') { // 회복
} else if (input === '3') { // 도망
}
}