js를 이용한 로또 번호 추첨기입니다. Math.random을 이용해 번호를 랜덤으로 생성합니다. setInterval로 카운트다운이 된 이후에 번호가 노출되도록 했습니다.
<p id="demo">이번주 로또 번호</p>
<h2>추첨 번호 분석중...... <span id="counter"></span></h2>
<ul id="num">
</ul>
let count = 3;
let interval = setInterval(function() {
if (count == 0) {
clearInterval(interval); // 0이되면 인터벌종료
getNum(); // 번호생성 함수 실행
}
document.getElementById('counter').innerHTML = count;
count--;
}, 1000);
function getNum() {
let arr = new Array(); // 빈 배열 생성
for (let i = 0; i < 6; i++) {
let x = Math.floor(Math.random() * 45) + 1; // 1~45까지 랜덤숫자
while (arr.indexOf(x) != -1) { //indexOf로 중복되는 숫자 방지
x = Math.floor(Math.random() * 45) + 1; // 중복되면 다시 랜덤숫자 생성
}
arr.push(x); //아까 만든 배열에 push
}
let code = '';
for (let val of arr) { //forEach로도 가능하지만 of를 사용해봤습니다.
code += "<li>" + val + "</li>"
}
document.getElementById('num').innerHTML = code;
}