더북(TheBook)

 

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>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.