Math객체 중 Math.random(), Math.floor() 매서드를 사용하면 랜덤효과를 나타낼 수 있다. 출력 시 매번 다른 숫자가 나오도록 만들어보자.
Math.random(), Math.floor() 매서드에 대한 내용은 이전 글을 확인하면 된다.
이전글보기: [문돌이의IT] 자바스크립트 Math객체 활용하기(Math.random(), Math.floor() 매서드)
<script>
var result=Math.random()*10;
alert(Math.floor(result));
</script>
간단한 코딩으로 원하는 결과를 도출할 수 있다. 두 가지 매서드에 대해 이해만 하고 있다면 전혀 어렵지 않다.
Math.random에서 가져온 0과 1 사이의 값에 10을 곱한다. 10을 곱하면 값이 5.34234 와 같이 정수와 소수를 모두 갖는다. 여기에 floor 매서드를 사용해 소수점 부분을 없앤 것이다.
이 코딩은 게임이나 기타 추첨 같은 기능에 활용이 가능하다. 출력되는 숫자 값에 가위, 바위, 보를 나타내는 이미지를 연결하면 가위바위보 게임도 만들 수 있다. 숫자 대신 사람의 이름을 넣고 돌려서 특정 사람을 선발하는 것도 가능하다.
원하는 기능이 나오도록 추가로 코딩 작업은 해야겠지만 기본적인 원리를 알았으니 이제는 활용만 남았다.
'문돌이의 IT > JavaScript' 카테고리의 다른 글
[문돌이의IT]자바스크립트 createElement(), createTextnode()로 요소 추가하기 (0) | 2016.01.22 |
---|---|
[문돌이의IT] 자바스크립트 id, name 속성의 차이점 (0) | 2016.01.20 |
[문돌이의IT] 자바스크립트 Math객체 활용하기(Math.random(), Math.floor() 매서드) (0) | 2016.01.18 |
[문돌이의 IT]자바스크립트 2차원 배열 익히기(화면의 좌표 출력 방법) (0) | 2016.01.12 |
[문돌이의 IT]자바스크립트 2차원 배열 이해하기 (0) | 2016.01.11 |