1.0 Lotto 번호 생성기 (6개)

• 본 CSS샘플은 Git Codlab 스터디의 연습 화일을 Base로 수정 하였습니다.
• Git codeLab 연습은 본 GitPage 로 진행을 했고, 본 CSS 샘플을 업데이트 하는 과정도 Git 스터디 협업과정을 따라 했습니다.

2.0 CSS & JAVA SCRIPT

• 볼드태크의 배경색을 자바스크립트에서 랜덤셀렉트로 변경
• 로또볼의 색깔이 랜덤으로 변하도록 코드 변경

#NUMBERS {
  margin-top: 5vh;
  font-size: 3em;
  color: #fff;
  text-align: center;
}


b  {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 64px;
  margin: 1px;
}


.btn-custom {
  margin: 0;
  background-color: #f5b86f;
  cursor: pointer;
  font-family: $helveticaNeue;
  font-weight: 600;
  font-size: 28px;
  letter-spacing: 0px;
}

3.0 자바스크립트

• 원본의 기능을 개선해 보자 .. 디자인 개선
• 단색 보다는, 진짜 로또공 같은 생생한 컬러를 입혀보자

Fig. - 뭘 좋아 할 지 몰라서 48개를 준비했어!

• 한 땀, 한 땀 수작업으로 Color pick 을 해서 무지개색 파렛트를 준비
• 컬러감각이 처음 치고는 나쁘지 않은 듯 (~뿌듯~)
• 48개의 파렛트에서 랜덤으로 컬러를 뽑아 쓰기로 했다
• 루프안에서 48개의 색상을 무작위로 선택해 주자