[자바스크립트] Math 함수 이용하여 로또 번호 생성하기

랜덤 숫자를 이용하여, 가볍게 로또 번호를 만드려고 한다.

맛있는 코딩 타임.

조건은

 

1. Math.random() 이용하기

 

2. 반올림, 올림, 내림을 최소 1번 이상 사용하기

 

3. switch 문 1번 이상 사용하기

 

4. 최대, 최소값을 입력값으로 받는 함수 사용하기

 

5. 함수값은 객체 타입으로 반환하기

 

6. 결과값은 배열로 보이기

 

7. 자바스크립트 console 로 보이고, html 에서 h1 태그로 해당 값들을 보이기

 

등이다.

 

---

알아야할 개념으로는

 

1. 자바스크립트 객체를 배열로 전환하는 방법

 

2. html 에 js 데이터 값 보이는 방법

 

---

로또 번호의 경우 1부터 45까지 있으며, 중복을 허락하지 않는 조건이 있다는 전제하에 코드를 작성하도록 한다.

 

코드가 긴데, 생각나는데로 하다보니, 리팩토링이 필요한 부분이 보이긴한다.

 

하지만 알고리즘 문제도 아니고, 개념을 정리하는 차원에서 하는 관계로 코드 점검은 천천히 고쳐 나가서, 이어서 내용을 추가하려고 한다.

 

이렇게 또 코드 마일리지를 쌓아간다.

 

---

 

작성한 코드

// 공부하는 웅이

function lotto(min, max) {

  // 올림, 반올림, 내림 사용
  let a = Math.ceil( Math.random() * ( max - min + 1) + min );
  let b = Math.round( Math.random() * ( max - min + 1) + min );
  let c = Math.floor( Math.random() * ( max - min + 1) + min );


  // 스위치문 사용하여, 값은 값이 나올 경우 0으로 무효 처리
  switch (a) {
    case b:
      a = 0;
      b = 0;
    default:
      break
  }

  switch (b) {
    case c:
      b = 0;
      c = 0;
    default:
      break
  }
  return {a,b,c};
};


// 객체 타입으로 반환
let lottoNumber1 = lotto(1,45);
let lottoNumber2 = lotto(1,45);


// 리스트 형태로 반환
lottoNumber1 = Object.values(lottoNumber1);
lottoNumber2 = Object.values(lottoNumber2);

console.log(lottoNumber1, lottoNumber2);


// 하나의 리스트에 값 넣어주기
let lottoNumList = [];


for(let i=0; i < Object.values(lottoNumber1).length; i++) {
  lottoNumList.push(lottoNumber1[i]);
  lottoNumList.push(lottoNumber2[i]);
}

console.log(lottoNumList);


// div의 root를 찾아서 값 넣기
const container = document.getElementById('root');

let lottoString = [];

for(let i = 0; i < 6; i++) {

  lottoString.push(`<h1>${lottoNumList[i]}</h1>`);
}

console.log(lottoString);

// 1개의 문자열로 만들어주기
lottoString = lottoString.join('');

console.log(lottoString);
container.innerHTML = lottoString;

 

 

 

 

키워드 : 

자바스크립트 배열 특정값 삭제

자바스크립트 배열 추가

자바스크립트 객체 생성

자바스크립트 반복문 객체 생성

자바스크립트 객체 배열

자바스크립트 문자열 자르기