const $startScreen = document.querySelector('#start-screen'); // 초기 화면
const $gameMenu = document.querySelector('#game-menu'); // 일반 메뉴 화면
const $battleMenu = document.querySelector('#battle-menu'); // 전투 메뉴 화면
const $heroName = document.querySelector('#hero-name'); // 주인공 이름
const $heroLevel = document.querySelector('#hero-level'); // 주인공 레벨
const $heroHp = document.querySelector('#hero-hp'); // 주인공 체력
const $heroXp = document.querySelector('#hero-xp'); // 주인공 경험치
const $heroAtt = document.querySelector('#hero-att'); // 주인공 공격력
const $monsterName = document.querySelector('#monster-name'); // 몬스터 이름
const $monsterHp = document.querySelector('#monster-hp'); // 몬스터 체력
const $monsterAtt = document.querySelector('#monster-att'); // 몬스터 공격력
const $message = document.querySelector('#message');

class Game { // 게임 클래스
  constructor(name) { // 생성자 
    this.monster = null; 
    this.hero = null; 
    this.monsterList = [
      { name: '슬라임', hp: 25, att: 10, xp: 10 },
      { name: '스켈레톤', hp: 50, att: 15, xp: 20 },
      { name: '마왕', hp: 150, att: 35, xp: 50 },
    ];
  }
}