더북(TheBook)

 

14.7

줄 수와 지뢰 개수 입력받기

지금까지는 맵을 만들 때 가로와 세로 줄 수, 지뢰 개수를 코드에 고정으로 넣었지만, 난이도 조절을 위해 사용자가 직접 입력할 수 있도록 바꿔 보겠습니다. 또한, 구현이 끝나가므로 지뢰의 X 표시는 숨기겠습니다.

<body>
<form id="form"> <!--입력 폼-->
  <input placeholder="가로 줄" id="row" size="5" />
  <input placeholder="세로 줄" id="cell" size="5" />
  <input placeholder="지뢰" id="mine" size="5" />
  <button>생성</button>
</form>
(중략)
const $form = document.querySelector('#form'); // 입력 폼 선택
const $timer = document.querySelector('#timer');
const $tbody = document.querySelector('#table tbody');
const $result = document.querySelector('#result');
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.