<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function lotto()
{
//alert("함수 호출 완료~!");
var num = Number(document.getElementById("rot").value);
var arr = new Array();
for (var l = 0; l < num; l++)
{
for (var i = 0; i < 6; i++)
{
arr[i] = Math.floor(Math.random()*45)+1;
for (var j = 0; j < i; j++)
{
if (arr[i]==arr[j])
{
arr[j] = Math.floor(Math.random()*45)+1;
}
}
}
arr.sort(function(a, b)
{
return a-b;
});
for (var k = 0; k < arr.length; k++)
{
document.getElementById("result").value += arr[k] + " ";
}
document.getElementById("result").value += "\n";
}
}
/*
강사님 코드
방6개로 구성된 배열 생성
var lottoArray = new Array(6);
//방 45개로 구성된 배열 생성
var arr = new Array(45);
//45개 방으로 구성된 배열의 각 방에
//1~45 까지의 로또 번호 채우기
function a()
{
for(var i=1; i<=arr.length; i++)
{
arr[i-1]=i;
}
//뒤섞기
for(var i=0; i<arr.length; i++)
{
var j= parseInt(Math.random()*45); //0~44개 생성
var temp = arr[i];
arr[i]=arr[j];
arr[j]=temp;
}
//테스트
return arr;
//배열의 요소 옮겨 담기
for(var i=0; i<6 i++)
{
lottoArray[i]=arr[i];
}
//function(a,b) {return a-b}
lottoArray.sort(function(left,right)); //어나니머스 함수 즉, sort안에서 left,right하고 넘겨받으 것을 왼쪽과 오른쪽을 비교해줌
{
return Number(left)-Number(right);
});
//최종 결과값 반환
return lottoArray;
}
*/
</script>
</head>
<body>
<!-- 로또 번호(1~45)를 중복되지 않은 정수 6개를 생성하여
출력해주는 페이지를 구현한다.
HTML CSS javascript를 활용한다.
난수 발생 함수를 활용한다.
번호순(오름차순)으로 정렬하여 출력할 수 있도록 한다.
주문한 장 수 만큼 출력할 수 있도록 한다.
페이지 레이아웃
----------------------------------
로또 [ ] 장 <주문하기>
결과
------------------------
1 2 3 4 5 6
6 13 22 36 41 44
1 3 9 11 25 31
7 20 21 22 31 35
11 23 24 32 37 39
------------------------
---------------------------------- -->
로또 <input type="text" id=rot>장
<input type="button" value="주문하기" onclick="lotto()">
<br>
결과<br>
<textarea id="result" cols="20" rows="20"></textarea>
</body>
</html>