12.2

    초기 화면 만들고 일반 메뉴 화면으로 전환하기

    초기 화면에서는 사용자에게 이름을 입력받아 주인공을 생성합니다. 주인공 이름을 입력하고 나면 일반 메뉴 화면이 나옵니다. 일반 메뉴에서 1번 모험을 선택하면 전투 메뉴 화면이 나옵니다.

    text-rpg.html 파일을 만들고 다음과 같이 코드를 작성합니다.

    <!DOCTYPE html>
    <html lang="ko">
    <head>
      <meta charset="UTF-8">
      <title>텍스트 RPG</title>
    </head>
    <body>
    <form id="start-screen">
      <input id="name-input" placeholder="주인공 이름을 입력하세요!" />
      <button id="start">시작</button>
    
    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.