로또 추첨 만들기

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) {
    code += "<li>" + val + "</li>"
  }
  document.getElementById('num').innerHTML = code;
}

 

jsfiddle에서 보기

https://jsfiddle.net/hyuckjin/j9tz5Lqg/1/