Page 15 -
P. 15
숫자야구는 두 명이 하는 게임이지만, 책을 읽고 있는 여러분은 혼자일 테니 컴퓨터를 상대편
으로 간주해 순서도를 작성했습니다.
컴퓨터가 무작위로 숫자 네 개를 뽑으면 여러분은 답을 입력창에 입력합니다. 답을 입력하는
이벤트가 발생하면 먼저 답의 형식이 맞는지 검사하고(중복되지 않은 네 자리 숫자) 홈런인지
검사합니다. 홈런이라면 여러분의 승리입니다! 홈런이 아니라면 10번을 초과해서 시도했는지
검사하고, 10번 초과했다면 여러분의 패배입니다. 그것도 아니라면 몇 스트라이크 몇 볼인지
검사해서 화면에 표시합니다.
VS Code에서 number-baseball.html 파일을 만들어 다음과 같이 코드를 작성합니다. 5장
<html> 반복문 사용하기_숫자야구 게임
<head>
<meta charset="utf-8">
<title>숫자야구</title>
</head>
<body>
<form id="form">
<input type="text" id="input">
<button>확인</button>
</form>
<div id="logs"></div>
<script>
const $input = document.querySelector('#input');
const $form = document.querySelector('#form');
const $logs = document.querySelector('#logs');
</script>
</body>
</html>
number-baseball.html을 실행하면 다음과 같은 간단한 화면이 보입니다.
241
