티스토리 뷰
목차
반응형
자바스크립트 난수만들기에 대해 알아봅니다 일명 추측게임이라고도 합니다. 추측게임을 만들기 위해서는 1과 10사이의 전체 난수가 필요하므로 아래 함수를 이용합니다.
document.getElementById("my-div").innetHTML = Math.random()
추측게임이란 ?
어떤 수가 나올지 추측한다는 의미에서 '추측게임'이라고 부른다 이 코드를 실행하면 0부터 10까지의 숫자가 무작위로 하나씩 출력됩니다. 그야말로 복불복 게임이나 복권추첨시 이용할 수 있습니다.
이 코드는 어려워 보이지만 해석하면 쉽습니다. ' *10은 10으로 곱셈하라'는 의미입니다. 그래서 0과 10사이의 난수를 얻게 됩니다. Math.floor 부분의 'floor'는 소수점 이하의 숫자는 모두 버리라는 의미입니다.
이렇게 되면 다시 정수로 된 0과 9사이의 난수가 나옵니다. 여기에 1을 더하면 10을 포함한 숫자를 얻을 수 있습니다. 위의 코드를 아래와 같이 바꿔 시험해 봅니다.
document.getElementById("my-div").innerHTML = Math.floor(( Math.random() * 10)) +1
코딩은 아래와 같습니다.

위 코드를 세번 실행하면 세번 모두 각각 다른 값이 나옵니다.



반응형
'코딩 > 자바스크립트' 카테고리의 다른 글
자바스크립트프로젝트 추측게임완성 part 1 (0) | 2024.11.26 |
---|---|
자바스크립트 추측게임 완성 part 2(난수생성,난수와비교하기,적절한메시지보여주기) (0) | 2024.11.26 |
자바스크립트 난수만들기 (0) | 2024.11.21 |
자바스크립트 For문 코딩연습 (1) | 2024.11.20 |
자바스크립트 반복문(루프) while문 연습하기 (0) | 2024.11.09 |