[javascript] 로또 프로그램 만들기 (indexOf 활용)
by mini_min
✔️ 로또 프로그램 만들기
: indexOf 가 중요했다.
1) 처음에 배열을 우선 선언하기 : let nums = [];
2) 하나의 변수를 잡아서 그 변수에 랜덤 값을 반환한다.
3) 이후, indexOf 를 이용해서 배열에 랜덤값 변수가 있는지 여부를 확인하는 if 문을 작성한다.
4) 중복값이 없는 랜덤값이라면 배열에 push 해주기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
</head>
<body>
<!-- coount 는 1~5 사이의 수 -->
<!-- 정렬하여 출력 -->
<h3> 로또 1등을 향하여! (혼자 1등)</h3>
<div style="width: 300px; margin: 30px auto;">
<input type="text" id="count" placeholder="게임수">
<button type="button" onclick="result();">구매</button>
</div>
<hr>
<div id="resultLayout" style="width: 300px; margin: 0 auto;"></div>
<script type="text/javascript">
function result() {
const obj = document.querySelector("#resultLayout");
let count = document.querySelector("#count").value;
let out = "";
if(count<1 || count>5){
alert("1~5 게임만 가능합니다.");
return;
};
count = parseInt(count);
let num;
for(let i=0; i<count; i++){
let nums = [];
for(let j=0; j<6; j++){
num = Math.floor(Math.random()*45+1);
if(nums.indexOf(num)!==-1){
j--;
continue;
}
nums.push(num);
}
nums.sort((a,b)=> a-b);
out += (i+1) + "번째 : " + nums.join()+" <br>";
}
obj.innerHTML = out;
};
</script>
</body>
</html>
'프로젝트 실습 > [Project] JavaScript' 카테고리의 다른 글
| [javascript] 테이블 노드 복제하기 (0) | 2022.09.26 |
|---|---|
| [javascript] input 값 실시간 자동감지 (총점/평균) (0) | 2022.09.26 |
| [javascript] 성적처리 폼 만들기 (유효성 검사) (1) | 2022.09.25 |
| [javascript] 디데이, 나이 계산 폼 만들기 (0) | 2022.09.22 |
| [javascript] 일자별(날짜별) 거래내역 조회버튼 만들기 (1) | 2022.09.21 |
블로그의 정보
개발자 미니민의 개발로그
mini_min