랜덤 숫자 맞추기 게임은 사용자가 컴퓨터가 생성한 랜덤 숫자를 맞추는 게임입니다.
- 개념설명:
- 이 게임의 목표는 컴퓨터가 무작위로 생성한 숫자를 사용자가 추측하여 맞추는 것입니다. 사용자가 숫자를 입력하면 게임은 사용자의 입력과 생성된 숫자를 비교하여 힌트를 제공하고, 사용자가 숫자를 맞출 때까지 반복됩니다.
- 예제 코드:
<!DOCTYPE html>
<html>
<head>
<title>랜덤 숫자 맞추기 게임</title>
</head>
<body>
<h1>랜덤 숫자 맞추기 게임</h1>
<p>1부터 100 사이의 숫자를 추측하세요.</p>
<input type="number" id="guess" min="1" max="100">
<button onclick="checkGuess()">확인</button>
<p id="message"></p>
<script>
const randomNumber = Math.floor(Math.random() * 100) + 1;
let attempts = 0;
function checkGuess() {
const guess = parseInt(document.getElementById("guess").value);
attempts++;
if (guess === randomNumber) {
document.getElementById("message").textContent = `축하합니다! ${attempts}번째 시도에 숫자를 맞췄습니다.`;
} else if (guess < randomNumber) {
document.getElementById("message").textContent = "더 큰 숫자를 시도하세요.";
} else {
document.getElementById("message").textContent = "더 작은 숫자를 시도하세요.";
}
}
</script>
</body>
</html>
전문용어 상세하게 설명:
- Math.random(): 0부터 1 사이의 난수를 생성하는 JavaScript 함수입니다.
- Math.floor(): 주어진 숫자의 소수점 이하를 버림하여 정수로 만드는 JavaScript 함수입니다.
- parseInt(): 문자열을 정수로 변환하는 JavaScript 함수입니다.
'자바스크립트' 카테고리의 다른 글
| 간단한 웹 페이지 타이머: 웹 페이지에서 특정 시간 간격으로 메시지를 변경하는 타이머를 만듭니다. (0) | 2023.12.17 |
|---|---|
| ToDo 리스트 관리 앱 만들기 (0) | 2023.12.17 |
| 간단한 계산기 만들기: 사용자가 두 수를 입력하고 덧셈, 뺄셈, 곱셈, 나눗셈 등의 연산을 수행하는 계산기를 만듭니다. (0) | 2023.12.16 |
| 화면에 "Hello, World!" 출력하기 (0) | 2023.12.16 |
| 강의 23: 자바스크립트 빌드 도구와 자동화 (0) | 2023.12.16 |