마무리 예제 2

랜덤 번호 뽑기

 

 

document.querySelector(".lotto__start__btn").addEventListener("click",()=>{
            createNum();
            document.querySelector(".lootto__num").innerHTML = `${randomTot.join(', ')}`;
            randomTot=[];
        });
        
        let randomTot = []; 
        function createNum(){
            let randomNum = Math.floor(Math.random() * 45) ;

            for(let i =0; i<60 ; i++){
                let randomNum = Math.floor(Math.random() * 45) ;
                

                if(randomTot.indexOf(randomNum)<0){

                    randomTot.push(randomNum);
                }

                if(randomTot.length == 5)break
            }
            randomTot.sort(function(a,b){
                return a-b;
            });
        }

버튼을 선택자로 지정합니다.  .lotto__start__btn에 addIEventListener으로 클릭 이벤트를  생성해줍니다.

클릭을 하면 createNum을 호출 시켜줍니다.

그리고  .lootto__num에 randomTot를 호출해주고 randomTot 는 빈 배열 입니다.

이제 creatNum를 정의 해줍니다.  그 안에  변수 randomNum을 생성해줍니다. 변수 randomNum은 Math.floor(Math.random()* 45)를 사용하여  랜덤값을 불러와줍니다. 

조건문을 걸어 randomTot이 0 아래로 나왔을때  randomNum을 넣어줍니다.

 

그 후 tot이 5개 가 나오면  출력을 멈춥니다.

 

sort() 메소드는 배열의 요소를 정렬하는데 사용되며, 매개변수로 정렬 기준을 지정할 수 있습니다. 이 코드에서는 a-b를 반환하여 배열을 오름차순으로 정렬하고 있습니다.