자바스크립트는 웹 개발에서 필수적인 언어 중 하나로, 다양한 기능을 제공하는 동시에 사용자에게 매력적인 인터랙션을 가능하게 합니다. 오늘은 그 중에서도 '랜덤 번호 생성'이라는 주제를 다루고자 합니다. 이 기능은 게임, 추첨, 통계적 시뮬레이션 등에서 널리 사용됩니다. 본 글에서는 자바스크립트를 사용하여 어떻게 랜덤 번호를 생성하는지, 그리고 이를 활용하는 다양한 방법에 대해 알아보겠습니다.
1. 기본 랜덤 번호 생성
자바스크립트에서 랜덤 번호를 생성하는 가장 기본적인 방법은 Math.random() 함수를 사용하는 것입니다. 이 함수는 0 이상 1 미만의 부동소수점 난수를 생성합니다.
let randomNumber = Math.random();
console.log(randomNumber); // 0.1234567890123456 같은 수 출력
이 숫자를 확장하여 원하는 범위의 랜덤 번호를 생성할 수 있습니다. 예를 들어, 1부터 100까지의 랜덤 정수가 필요하다면 다음과 같이 계산할 수 있습니다.
let randomInt = Math.floor(Math.random() * 100) + 1;
console.log(randomInt); // 1 ~ 100 사이의 정수
2. 범위 지정 랜덤 번호 생성
특정 범위 내에서 랜덤 번호를 생성하려면, 사용자 정의 함수를 작성할 수 있습니다. 아래 함수는 최소값 min과 최대값 max를 매개변수로 받아, 해당 범위 내의 랜덤 정수를 반환합니다.
function getRandomInt(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}
console.log(getRandomInt(1, 100)); // 1과 100 사이의 랜덤 정수 반환
3. 랜덤 번호를 이용한 간단한 게임 만들기
랜덤 번호 생성 기능을 활용하여 간단한 추측 게임을 만들어 볼 수 있습니다. 사용자가 1부터 10 사이의 숫자를 추측하고, 프로그램이 랜덤하게 숫자를 생성하여 맞추는 게임을 만들어 보도록 하겠습니다.
function guessNumber() {
let userGuess = prompt("1에서 10 사이의 숫자를 추측해보세요:");
let randomNumber = getRandomInt(1, 10);
if (userGuess == randomNumber) {
alert("축하합니다! 정답입니다!");
} else {
alert("아쉽지만, 틀렸습니다. 정답은 " + randomNumber + "였습니다.");
}
}
guessNumber();
전체사용소스코드
본 글에서 사용한 소스코드는 아래의 파일을 다운로드 받아서 확인 할 수 있습니다.
결론
자바스크립트에서 랜덤 번호를 생성하고 활용하는 것은 매우 간단하지만, 다양한 방식으로 응용될 수 있는 강력한 기능입니다. 이를 통해 게임, 시뮬레이션, 사용자 경험 개선 등 다양한 분야에서 창의적인 솔루션을 제공할 수 있습니다. 오늘 배운 내용을 바탕으로 여러분만의 독창적인 프로그램을 만들어보세요!
함께보면 좋은글
'Language > JAVASCRIPT' 카테고리의 다른 글
Javascript html 태그 div에서 onclick 속성을 추가하거나 삭제하는 방법 (0) | 2024.04.03 |
---|---|
[javascript] 특정 패턴의 숫자 추출하기 문자 다음에 오는 숫자들 파싱하기 (0) | 2024.01.19 |
[Javascript] 자바스크립트로 동적 HTML 요소 생성 방법 (0) | 2023.12.18 |
요즘 jQuery를 안 쓰는 이유 (0) | 2023.11.21 |
자바스크립트를 이용한 URL 쿼리스트링(Query String) 파싱 방법 (0) | 2023.11.10 |