[ 자바스크립트 ] 로또 번호 생성기 1

최종 수정일 : 2017. 1. 18.

A  10, 21, 29, 37, 39, 41
B  12, 14, 18, 19, 33, 42
C   2, 10, 11, 17, 23, 39
D  10, 15, 16, 28, 34, 42
E   3, 16, 18, 20, 21, 40

A   9, 11, 19, 21, 41, 42
B  15, 20, 28, 35, 38, 39
C   4, 23, 24, 28, 36, 39
D   5, 25, 27, 31, 38, 43
E   5,  9, 14, 25, 33, 34

A   5, 10, 25, 28, 32, 45
B   4,  9, 10, 12, 32, 36
C   3, 19, 20, 28, 38, 44
D  10, 22, 24, 32, 42, 45
E   8, 21, 27, 32, 44, 45

---

A   4, 14, 17, 34, 39, 41
B   5, 14, 25, 31, 35, 44
C  19, 23, 24, 26, 33, 38
D   3, 14, 26, 29, 42, 45
E   7,  8, 18, 20, 43, 45

A  14, 18, 21, 22, 35, 40
B   8, 27, 28, 31, 36, 44
C  11, 20, 22, 32, 36, 39
D   5, 11, 27, 30, 33, 38
E   6,  9, 21, 35, 39, 41

A   2, 15, 19, 20, 26, 39
B   6, 13, 24, 38, 39, 42
C   5, 18, 27, 28, 37, 38
D   5, 12, 17, 23, 28, 29
E   5,  7, 12, 20, 28, 42

---

 
<button onclick="get_lotto()"> 클릭하세요 </button>

<div id="lottoNumber"></div>
 

 
<script type="text/javascript">

/* ━━━━━━━━━━━━━ 로또번호를 담은, 한줄짜리 텍스트를 만드는 함수 ━━━━━━━━━━━━━ */ 

function oneTicket (){ 

		 var array = []; 

		 // 1. 배열의 끝에, 숫자넣기 (1부터 45까지). 
		 for ( var n = 1; n < 46; n++ ) 	 array.push( n ); 

		 // 2. 배열에 들어간 숫자들을, 무작위로 재배치. 
		 array.sort( function(){   return Math.random() - 0.5 } ); 

		 // 3. 임의의 위치에서부터, 6번째까지 잘라와서, 새 배열로 만들기. 
		 var start = Math.floor( Math.random() * 40 );     // 0부터 40 중에서 랜덤으로 시작점 설정함. 
		 var newArray = array.slice( start, (start + 6) );   // 'start'부터 6번째까지만 새로운 배열에 넣음. 

		 // 4. 새 배열에 들어있는 숫자들을, 오름차순으로 정렬.  
		 newArray.sort(  function(a, b){ return a - b }  ); 

		 // 5. 숫자들 사이에, 쉼표와 공백을 넣어서, 문자로 합치기. 
		 return newArray.join( ", " ); 	 // 텍스트로 저장됨. 
}


/* ━━━━━━━━━━━ 위의 함수를 반복 실행하여, 다섯줄짜리 로또 문장 완성하기 ━━━━━━━━━━━ */ 

function fiveTickets (){ 

	 var lottoText = ""; 
	 var alphabetical = [ "A" , "B" , "C" , "D" , "E" ]; 
	 var br = "<br />"; 
	 var blank = "&nbsp;"; 

	 for ( var x = 0; x < 5; x++ ){ 

		 var text = " " + oneTicket(); 

		 // 9 이하일 경우, 숫자 앞에 'blank( &nbsp; )' 추가하기 
		 text = text.replace( /(\s\d,|\s\d$)/g , blank + "$1" ); 

		 lottoText += alphabetical[ x ] + blank + text + br; 
	 } 

	 return lottoText; 
}


/* ━━━━━━━━━━━━━━━━━━━━  문서에 집어넣기  ━━━━━━━━━━━━━━━━━━━━ */ 

function get_lotto (){ 

	 var text = fiveTickets(); 
	 var tag = document.getElementById( "lottoNumber" ); 
	      tag.innerHTML = text; 
} 
</script>
 

또는

 
/* ━━━━━━━━━━━━━━━━━━━━  문서에 집어넣기  ━━━━━━━━━━━━━━━━━━━━ */ 

function get_lotto (){ 

	 var tag = document.getElementById( "lottoNumber" ); 
	 var text = ""; 
	 var p = [ "<p>" , "</p>" ]; 

	 for ( var x = 0; x < 5; x++ ) text += p[0] + fiveTickets() + p[1]; 

	 tag.innerHTML = text; 
} 
 

 
<style type="text/css">
#lottoNumber p { display: inline-block; width: 200px; } 
</style>
 

이 블로그에서 함께 볼만한 글 : [자바스크립트] 로또 번호 생성기 2

이 내용이 도움이 되셨다면, 아래의 하트 버튼을 눌러주세요. *^^*