반응형
번호무작위섞기
-
JavaScript 입문 : 로또추첨기 - 무작위 섞기 1단계 (배열로 공 45개 준비)컴퓨터 알아가기/JavaScript 2022. 5. 9. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지금부터는 로또추첨기를 만들기 위해 순서도상 45개의 공을 무작위 섞는 내용에 대해 공부를 해 보로록 하겠습니다. 우선 로또추첨기에 베이스가 되는 HTML을 만들어 놓을 필요가 있고 공에 대한 기본적 틀만 CSS로 만들어 놓는 과정을 하겠습니다. 순서도를 조금 추가하면 다음과 같습니다. 1. 기본이 되는 HTML과 기본 공모양 CSS VS Code에서 작성하면 다음과 같을 수 있습니다. 상기 기본 공모양 CSS를 만들어 놓고 향후 자바스크립트로 CSS를 연결시키는 공부를 할 예정입니다. 아울러, 강좌에서는 없지만 로또추첨기에서 뽑혀진 공들에게 애니메이션을 입혀 보도록 하겠습니다. 2. 45개 숫자 무작위 섞기 (피셔 예이츠 셔플, Fis..