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');
const hero = { // 주인공 정보
  name: '', // 이름은 입력받음
  lev: 1,
  maxHp: 100,
  hp: 100,
  xp: 0,
  att: 10,
};
let monster = null; 
const monsterList = [ // 몬스터 정보
  { name: '슬라임', hp: 25, att: 10, xp: 10 },
  { name: '스켈레톤', hp: 50, att: 15, xp: 20 },
  { name: '마왕', hp: 150, att: 35, xp: 50 },