• Q&A
  • 회원가입
  • 로그인

[Math] JS - random() 메서드 ★ - 랜덤값 (= 임의값 = random메서드 = 랜덤메서드)

17  

random() 예제

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var x =  Math.random();

  document.getElementById("demo").innerHTML = x;

}

</script>

 

결과보기

 

random() 정의

 

0 ≤ x < 1 범위의 랜덤 숫자 반환. (즉, 최소값은 포함 O , 최대값은 포함 x)

 


 

1.

랜덤 정수 표현 위해서 Math.floor() 객체와 주로 함게 사용. 

Math.floor(Math.random() * 10); // 0 ~ 9

Math.floor(Math.random() * 11); // 0 ~ 10

Math.floor(Math.random() * 100); // 0 ~ 99

Math.floor(Math.random() * 101); // 0 ~ 100

Math.floor(Math.random() * 10) + 1; // 1 ~ 10

Math.floor(Math.random() * 100) + 1; // 1 ~ 100

 

2.
ECMAScript 1

3.
모든 주요브라우저 지원.

 

 

random() 구문

 

Math.random()

 


 

[매개변수]

존재 X

 

 

 

random() 예제 - 1~10 사이 랜덤값

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var x = Math.floor((Math.random() * 10) + 1);

  document.getElementById("demo").innerHTML = x;

}

</script>

 

결과보기


 

random() 예제 - 1~100 사이 랜덤값 

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var x = document.getElementById("demo")

  x.innerHTML = Math.floor((Math.random() * 100) + 1);

}

</script>

 

결과보기

 

 

random() 응용 - (min ≤ X max) 함수

 

<button onclick="document.getElementById('demo').innerHTML = homzzang(0,10)">클릭</button>


<p id="demo"></p>


<script>

function homzzang(min, max) {

  return Math.floor(Math.random() * (max - min)) + min;

}

</script>

 

결과보기 


 

<button onclick="hz(0, 10)">클릭</button>


<p id="demo"></p>


<script>

function hz(min,max) {

  document.getElementById('demo').innerHTML = homzzang(min, max);

}

function homzzang(min, max) {

  return Math.floor(Math.random() * (max - min)) + min; 

}

</script>

 

결과보기

※ 함수 정의 순서는 상관 없음.

 

random() 응용 - (min ≤ X max) 함수

 

<button onclick="document.getElementById('demo').innerHTML = homzzang(0,10)">클릭</button>


<p id="demo"></p>


<script>

function homzzang(min, max) {

  return Math.floor(Math.random() * (max - min + 1)) + min;

}

</script>

 

결과보기


 

<button onclick="hz(0, 10)">클릭</button>


<p id="demo"></p>


<script>

function hz(min,max) {

  document.getElementById('demo').innerHTML = homzzang(min, max);

}

function homzzang(min, max) {

  return Math.floor(Math.random() * (max - min + 1)) + min; 

}

</script>

 

결과보기

※ 함수 정의 순서는 상관 없음.



이름
비밀번호
자동등록방지

방문자 수

오늘 1,425
어제 1,732
최대 2,271
전체 859,019
Since 2012