1. 조건

Lottery는 1장당 1,000원이며 45개의 숫자 중 랜덤으로 6개의 숫자가 뽑힌다. 당첨확인 버튼을 누르면 당첨 번호 6개와 동시에 내가 구매한 Lottery와 일치한 숫자를 보여줌과 동시에 당첨 통계를 알 수 있다.

2. 설계

필요한 부분으로는 내가 입력한 값만큼 구입할 수 있는 구매
구매함과 동시에 나오는 랜덤 번호
당첨버튼을 눌렀을 때 나오는 당첨 번호
내가 구매한 것과 당첨번호의 비교
비교한 후 당첨 통계

3. 구현

purchaseLotteries()는 값을 입력 후 구매버튼을 눌렀을 때 입력한 값만큼 구매가 되며 번호가 생성된다. 최초 구매를 하고 나면 버튼은 비활성화가 되며 더 이상 구매가 이루어지지 않는다.

confirmLotteries()의 경우, 당첨확인 버튼을 누름과 동시에 비교를 하며 버튼은 사라진다. compareLotteries 해당 부분에서 내가 구매한 값과 당첨 값이 비교가 되며, Array.from을 사용해 0개 일치 ~ 6개 일치까지 7개의 객체가 담긴 유사 배열 객체를 만들고 일치하는 번호에는 wins라는 class를 붙여 스타일을 따로 준다. 총 맞은 갯수에 따라 배열에 담기고 등수가 출력된다.