YunDev

JavaScript - 난수(랜덤 수)를 출력해보자! 본문

Programming/JavaScript

JavaScript - 난수(랜덤 수)를 출력해보자!

S준 2020. 3. 16. 23:09

 

 

오늘은 난수(랜덤 수)에 대해서 알아보도록 합시다~

 

 

 

랜덤 수를 출력하는 방법은 Math.함수(Math.Random * 0부터 출력할 랜덤 수) 를 해주시면 됩니다.

Math.ceil(Math.random() * 3); //이런식으로요!

 

 

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>가위바위보 게임</title>
</head>
<body>
<script>
 		
 		var game = prompt("가위 , 바위 , 보 중 선택하세요.","");
 		var gameNum;
 
 		switch (game) { //game의 값을 받습니다.

 			case "가위": //game의 값이 "가위"라면

  				gameNum = 1; 
  				break; //switch문을 멈춤.
						
 			case "바위": //game의 값이 "바위"라면

 				gameNum = 2; 
 				break;  //switch문을 멈춤.

 			case "보": //game의 값이 "보"라면

 				gameNum = 3; 
 				break; //switch문을 멈춤.

 	default: alert("가위, 바위, 보만 입력하세요."); //case문에서 해당되지 않는다면 실행.

  		location.reload(); //새로고침

 }

 		var com = Math.ceil(Math.random() * 3);

 			if(gameNum == com) {
  				document.write("<h2> 정답은 ", game, " 였습니다. 맞추셨습니다!!");

 			} 
 			else{
 				 document.write("<h2>아쉽게도 못 맞추셨습니다.!");
 			
 			}
 </script>
</body>

 

switch문은 값을 받을 변수를 넣고 변수의 값을 case문으로 비교하며 일치하는 값이 있다면 아래 코드를 실행하고         break를 통해 switch문 밖으로 나갑니다.

 

Math.ceil()은 올림한 정수값을 반환합니다. 그래서 가위,바위,보를 입력함에 따라 gameNum의 값이 달라지고

gameNum의 값과 컴퓨터가 출력한 난수의 값이 일치하면 정답을 출력하고 틀리면 오답을 출력합니다!!

 

 

정답을 맞추었을 때

 

 

 

 

정답을 맞추지 못했을 때

 

 

 

 

 

이렇게 자바스크립트에서 난수를 출력하는 방법에 대해서 알아보았습니다~~~!