woowacourse · igy95 · Mar 2, 2024 · Feb 20, 2024 · Feb 20, 2024 · Feb 20, 2024
diff --git a/__tests__/Money.test.js b/__tests__/Money.test.js
@@ -0,0 +1,19 @@
+import Money from '../src/Domain/Money.js';
+
+describe('돈을 담당하는 클래스에 관한 테스트 코드 작성', () => {
+  test.each([[1000], [8300]])('1000원 이상이 되는 금액을 투입 했을때, 1000으로 나눈 몫을 저장한다', (validInput) => {
+    const money = new Money();
+
+    money.fromInputValue(validInput);
+
+    expect(money.getMoney()).toBe(validInput);
+  });
+
+  test('1000원 미만의 금액을 투입하면 예외 처리 한다.', () => {
+    const invalidInput = 999;
+
+    const money = new Money();
+
+    expect(() => money.fromInputValue(invalidInput)).toThrow();
+  });
+});
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="ko"><head><meta charset="UTF-8"/><title>🎱 행운의 로또</title><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Document</title><link rel="stylesheet" href="./src/step2/styles/content.css"/><link rel="stylesheet" href="./src/step2/styles/footer.css"/><link rel="stylesheet" href="./src/step2/styles/header.css"/><link rel="stylesheet" href="./src/step2/styles/main.css"/><link rel="stylesheet" href="./src/step2/styles/modal.css"/><link rel="stylesheet" href="./src/step2/styles/moneyInput.css"/><link rel="stylesheet" href="./src/step2/styles/winningLottoInput.css"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"/><script defer="defer" src="step2-bundle.js"></script></head><body><div id="app" class="mainCard"><div class="headerCard"><h1 class="headerBannerLogo">🎱 행운의 로또</h1></div><div class="contentCard"><div class="contentContainer"><div class="contentTitle"><h1>🎱 내 번호 당첨 확인 🎱</h1></div><div class="lottoInputContainer"><form class="moneyInputForm" id="moneyInputForm"><div class="labelAndInputContainer"><label for="lottoInput" class="inputLabel">구입할 금액을 입력해주세요</label> <input placeholder="금액" name="moneyInput" id="moneyInput" class="moneyInput"/></div><div class="lottoBuyingButtonContainer"><button class="lottoBuyingButton" id="buyingButton" type="submit">구입</button></div></form></div><div class="resultAndWinningLottoContainer" id="resultAndWinningLottoContainer"><div class="resultContainer"><div class="resultText" id="resultText"></div><div class="boughtLottosContainer" id="boughtLottosContainer"></div></div><div class="winningLottoFormContainer"><p class="winningLottoFormBanner">지난 주 당첨번호 6개와 보너스 번호 1개를 입력해주세요.</p><form class="winningLottoForm" id="winningLottoForm"><div class="winningLottoWrapper"><div class="winningLottoNumbersContainer"><label for="winningLottoNumbers" class="winningLottoLabel">당첨 번호</label><div class="winningLottoInputContainer"><input class="winningLottoInput"/> <input class="winningLottoInput"/> <input class="winningLottoInput"/> <input class="winningLottoInput"/> <input class="winningLottoInput"/> <input class="winningLottoInput"/></div></div><div class="bonusNumberContainer"><label for="bonusNumber" class="winningLottoLabel">당첨 번호</label> <input id="bonusNumberInput" class="winningLottoInput"/></div></div><div class="resultButtonContainer"><button class="resultButton" type="submit">결과 확인하기</button></div></form></div></div></div></div><div class="footerCard"><p class="footerLogo">Copyright 2023. woowacourse</p></div><div class="modalCard" id="modalCard"><div class="modalContainer"><div class="closeButtonContainer"><button id="modalCloseButton" class="closeButton" type="button">X</button></div><div class="winningStatisticsResultBannerContainer"><p class="resultBannerText">🏆 당첨 통계 🏆</p></div><div class="resultTableContainer"><div class="tableTitle"><div class="row"><p class="titleText statisticsText">일치 갯수</p></div><div class="row"><p class="titleText statisticsText">당첨금</p></div><div class="row"><p class="titleText statisticsText">당첨 갯수</p></div></div><div class="tableTitle"><div class="row"><p class="statisticsText">3개</p></div><div class="row"><p class="statisticsText">5,000</p></div><div class="row"><p class="statisticsText winningCount"></p></div></div><div class="tableTitle"><div class="row"><p class="statisticsText">4개</p></div><div class="row"><p class="statisticsText">50,000</p></div><div class="row"><p class="statisticsText winningCount"></p></div></div><div class="tableTitle"><div class="row"><p class="statisticsText">5개</p></div><div class="row"><p class="statisticsText">1,500,000</p></div><div class="row"><p class="statisticsText winningCount"></p></div></div><div class="tableTitle"><div class="row"><p class="statisticsText">5개+보너스볼</p></div><div class="row"><p class="statisticsText">30,000,000</p></div><div class="row"><p class="statisticsText winningCount"></p></div></div><div class="tableTitle"><div class="row"><p class="statisticsText">6개</p></div><div class="row"><p class="statisticsText">2,000,000,000</p></div><div class="row"><p class="statisticsText winningCount"></p></div></div></div><div class="statisticsResultTextContainer"><p class="statisticsResultText" id="statisticsResultText"></p></div><div class="retrySelectButtonContainer"><button id="retrySelectButton" class="retrySelectButton">다시 시작하기</button></div></div></div></div><script type="module" src="./dist/step2-bundle.js"></script></body></html>
diff --git a/dist/step2-bundle.js b/dist/step2-bundle.js
diff --git a/docs/STEP2README.md b/docs/STEP2README.md
@@ -0,0 +1,33 @@
+# STEP 2에 관한 README.md
+
+> [배포 링크](https://brgndyy.github.io/javascript-lotto/)
+
+## - 도메인
+
+### 1. Lotto
+
+단일 로또에 관한 클래스입니다. 숫자 6개를 받아서 숫자 배열로 관리해주는 기능을 합니다.
+
+### 2. LottoMachine
+
+금액을 입력 받아서, 구입 금액에 맞는 랜덤 로또를 발행해주는 기능을 합니다.
+
+또한 당첨 번호를 받아서, 1등부터 5등까지의 등수 결과 객체를 반환해줍니다.
+
+### 3. Money
+
+돈을 입력 받아서, 해당 구입금액에 대한 유효성을 검사합니다.
+
+### 4. RewardGenerator
+
+구매한 로또와 입력받은 당첨번호를 대조해보면서 각 매치카운트를 계산해서 1등부터 5등까지의 랭크를 지정합니다.
+
+### 5. WinningLotto
+
+당첨 번호, 보너스 번호를 입력받아서 관리합니다.
+
+---
+
+## - 레이아웃 구성
+
+<img width="1081" alt="스크린샷 2024-02-28 오전 11 54 43" src="https://github.com/brgndyy/javascript-lotto/assets/109535991/8ea07b1e-c900-40d7-9552-129acb2fe106">
diff --git a/index.html b/index.html
@@ -5,12 +5,163 @@
     <title>🎱 행운의 로또</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Document</title>
+    <link rel="stylesheet" href="./src/step2/styles/content.css" />
+    <link rel="stylesheet" href="./src/step2/styles/footer.css" />
+    <link rel="stylesheet" href="./src/step2/styles/header.css" />
+    <link rel="stylesheet" href="./src/step2/styles/main.css" />
+    <link rel="stylesheet" href="./src/step2/styles/modal.css" />
+    <link rel="stylesheet" href="./src/step2/styles/moneyInput.css" />
+    <link rel="stylesheet" href="./src/step2/styles/winningLottoInput.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+      rel="stylesheet"
+    />
   </head>
 
   <body>
-    <div id="app">
-      <h1>🎱 행운의 로또</h1>
+    <div id="app" class="mainCard">
+      <div class="headerCard">
+        <h1 class="headerBannerLogo">🎱 행운의 로또</h1>
+      </div>
+      <div class="contentCard">
+        <div class="contentContainer">
+          <div class="contentTitle">
+            <h1>🎱 내 번호 당첨 확인 🎱</h1>
+          </div>
+          <div class="lottoInputContainer">
+            <form class="moneyInputForm" id="moneyInputForm">
+              <div class="labelAndInputContainer">
+                <label for="lottoInput" class="inputLabel">구입할 금액을 입력해주세요</label>
+                <input type="text" placeholder="금액" name="moneyInput" id="moneyInput" class="moneyInput" />
+              </div>
+              <div class="lottoBuyingButtonContainer">
+                <button class="lottoBuyingButton" id="buyingButton" type="submit">구입</button>
+              </div>
+            </form>
+          </div>
+          <div class="resultAndWinningLottoContainer" id="resultAndWinningLottoContainer">
+            <div class="resultContainer">
+              <div class="resultText" id="resultText"></div>
+              <div class="boughtLottosContainer" id="boughtLottosContainer"></div>
+            </div>
+            <div class="winningLottoFormContainer">
+              <p class="winningLottoFormBanner">지난 주 당첨번호 6개와 보너스 번호 1개를 입력해주세요.</p>
+              <form class="winningLottoForm" id="winningLottoForm">
+                <div class="winningLottoWrapper">
+                  <div class="winningLottoNumbersContainer">
+                    <label for="winningLottoNumbers" class="winningLottoLabel"> 당첨 번호 </label>
+                    <div class="winningLottoInputContainer">
+                      <input type="text" class="winningLottoInput" />
+                      <input type="text" class="winningLottoInput" />
+                      <input type="text" class="winningLottoInput" />
+                      <input type="text" class="winningLottoInput" />
+                      <input type="text" class="winningLottoInput" />
+                      <input type="text" class="winningLottoInput" />
+                    </div>
+                  </div>
+                  <div class="bonusNumberContainer">
+                    <label for="bonusNumber" class="winningLottoLabel"> 당첨 번호 </label>
+                    <input type="text" id="bonusNumberInput" class="winningLottoInput" />
+                  </div>
+                </div>
+                <div class="resultButtonContainer">
+                  <button class="resultButton" type="submit">결과 확인하기</button>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="footerCard">
+        <p class="footerLogo">Copyright 2023. woowacourse</p>
+      </div>
+      <div class="modalCard" id="modalCard">
+        <div class="modalContainer">
+          <div class="closeButtonContainer">
+            <button id="modalCloseButton" class="closeButton" type="button">X</button>
+          </div>
+          <div class="winningStatisticsResultBannerContainer">
+            <p class="resultBannerText">🏆 당첨 통계 🏆</p>
+          </div>
+          <div class="resultTableContainer">
+            <div class="tableTitle">
+              <div class="row">
+                <p class="titleText statisticsText">일치 갯수</p>
+              </div>
+              <div class="row">
+                <p class="titleText statisticsText">당첨금</p>
+              </div>
+              <div class="row">
+                <p class="titleText statisticsText">당첨 갯수</p>
+              </div>
+            </div>
+            <div class="tableTitle">
+              <div class="row">
+                <p class="statisticsText">3개</p>
+              </div>
+              <div class="row">
+                <p class="statisticsText">5,000</p>
+              </div>
+              <div class="row">
+                <p class="statisticsText winningCount"></p>
+              </div>
+            </div>
+            <div class="tableTitle">
+              <div class="row">
+                <p class="statisticsText">4개</p>
+              </div>
+              <div class="row">
+                <p class="statisticsText">50,000</p>
+              </div>
+              <div class="row">
+                <p class="statisticsText winningCount"></p>
+              </div>
+            </div>
+            <div class="tableTitle">
+              <div class="row">
+                <p class="statisticsText">5개</p>
+              </div>
+              <div class="row">
+                <p class="statisticsText">1,500,000</p>
+              </div>
+              <div class="row">
+                <p class="statisticsText winningCount"></p>
+              </div>
+            </div>
+            <div class="tableTitle">
+              <div class="row">
+                <p class="statisticsText">5개+보너스볼</p>
+              </div>
+              <div class="row">
+                <p class="statisticsText">30,000,000</p>
+              </div>
+              <div class="row">
+                <p class="statisticsText winningCount"></p>
+              </div>
+            </div>
+            <div class="tableTitle">
+              <div class="row">
+                <p class="statisticsText">6개</p>
+              </div>
+              <div class="row">
+                <p class="statisticsText">2,000,000,000</p>
+              </div>
+              <div class="row">
+                <p class="statisticsText winningCount"></p>
+              </div>
+            </div>
+          </div>
+          <div class="statisticsResultTextContainer">
+            <p class="statisticsResultText" id="statisticsResultText"></p>
+          </div>
+          <div class="retrySelectButtonContainer">
+            <button id="retrySelectButton" class="retrySelectButton">다시 시작하기</button>
+          </div>
+        </div>
+      </div>
     </div>
-    <script type="module" src="./src/js/index.js"></script>
+    <script type="module" src="./dist/step2-bundle.js"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -7,7 +7,8 @@
     "test": "jest --watch --no-cache",
     "build-step1": "webpack --config step1.config.js",
     "start-step1": "npm run build-step1 && node dist/step1-bundle.js",
-    "start-step2": "webpack serve --open --config step2.config.js"
+    "start-step2": "webpack serve --open --config step2.config.js",
+    "build-step2": "webpack --mode production --config step2.config.js"
   },
   "devDependencies": {
     "@babel/cli": "^7.20.7",

diff --git a/src/Constants/Messages/progressMessage.js b/src/Constants/Messages/progressMessage.js
@@ -3,7 +3,7 @@ const PROGRESS_MESSAGE = Object.freeze({
   INPUT_WINNING_LOTTO: '당첨 번호를 입력해주세요.',
   INPUT_BONUS_NUMBER: '보너스 번호를 입력해주세요.',
   SELECT_RE_RUN: '다시 시작하시겠습니까? (y/n)',
-  BUY_LOTTO: '개를 구매했습니다.',
+  BUY_LOTTO: (lottoLength) => `총 ${lottoLength}개를 구매했습니다.`,
   RESULT_HEADER: '당첨 통계\n--------------------',
   RATE_OF_RETURN_MESSAGE: (rateOfReturn) => `총 수익률은 ${rateOfReturn.toLocaleString()}% 입니다.`,
 });

diff --git a/src/Constants/lottoReward.js b/src/Constants/lottoReward.js
@@ -1,4 +1,4 @@
-import deepFreeze from '../Utils/deepFreeze';
+import deepFreeze from '../Utils/deepFreeze.js';
 
 const LOTTO_REWARD = deepFreeze({
   1: {

diff --git a/src/Constants/matchCountCondition.js b/src/Constants/matchCountCondition.js
@@ -1,4 +1,4 @@
-import deepFreeze from '../Utils/deepFreeze';
+import deepFreeze from '../Utils/deepFreeze.js';
 
 const MATCH_COUNT_CONDITION = deepFreeze({
   FIRST: {

diff --git a/src/Constants/retry.js b/src/Constants/retry.js
@@ -1,4 +1,4 @@
-import deepFreeze from '../Utils/deepFreeze';
+import deepFreeze from '../Utils/deepFreeze.js';
 
 const RETRY = deepFreeze({
   YES: ['y', 'Y'],

diff --git a/src/Domain/Lotto.js b/src/Domain/Lotto.js
@@ -1,6 +1,6 @@
-import LOTTO_SETTING from '../Constants/lottoSetting';
-import ERROR_MESSAGE from '../Constants/Messages/errorMessage';
-import AppError from '../Error/AppError';
+import LOTTO_SETTING from '../Constants/lottoSetting.js';
+import ERROR_MESSAGE from '../Constants/Messages/errorMessage.js';
+import AppError from '../Error/AppError.js';
 
 export default class Lotto {
   #numbers;

diff --git a/src/Domain/LottoMachine.js b/src/Domain/LottoMachine.js
@@ -1,35 +1,23 @@
-import LOTTO_SETTING from '../Constants/lottoSetting';
-import ERROR_MESSAGE from '../Constants/Messages/errorMessage';
-import generateRandomNumberFromRange from '../Utils/generateRandomNumberFromRange';
-import RewardGenerator from './RewardGenerator';
-import AppError from '../Error/AppError';
-import Lotto from './Lotto';
-import LOTTO_REWARD from '../Constants/lottoReward';
 
-export default class LottoMachine {
-  #money;
+import LOTTO_SETTING from '../Constants/lottoSetting.js';
+import generateRandomNumberFromRange from '../Utils/generateRandomNumberFromRange.js';
+import RewardGenerator from './RewardGenerator.js';
+import Lotto from './Lotto.js';
+import LOTTO_REWARD from '../Constants/lottoReward.js';
 
+export default class LottoMachine {
   #totalPrize = 0;
 
   #boughtLottos;
 
   #rewardGenerator;
 
-  constructor(money) {
+  constructor() {
     this.#rewardGenerator = new RewardGenerator();
-    this.#money = money;
-    this.#validateMoney();
-    this.#makeLottoByMoney();
-  }
-
-  #validateMoney() {
-    if (this.#money < LOTTO_SETTING.MIN_PRICE) {
-      throw new AppError(ERROR_MESSAGE.INVALID_MIN_MONEY);
-    }
   }
 
-  #makeLottoByMoney() {
-    const totalBoughtLottoCount = Math.floor(this.#money / LOTTO_SETTING.MIN_PRICE);
+  makeLottoByMoney(money) {
+    const totalBoughtLottoCount = Math.floor(money / LOTTO_SETTING.MIN_PRICE);
 
     this.#boughtLottos = Array.from({ length: totalBoughtLottoCount }, () => {
       const newLotto = this.#makeNewLotto();
@@ -62,7 +50,7 @@ export default class LottoMachine {
       this.#rewardGenerator.calculateRewardRank(lottoNumber, totalWinningLottoInfo);
     });
 
-    const totalRewardResult = this.#rewardGenerator.getTotalRewardResult();
+    const totalRewardResult = this.#rewardGenerator.getTotalRewardResult().sort((a, b) => b.rank - a.rank);
 
     this.#calculateTotalPrize(totalRewardResult);
 
@@ -77,7 +65,7 @@ export default class LottoMachine {
     });
   }
 
-  getRateOfIncome() {
-    return Number(((this.#totalPrize / this.#money) * 100).toFixed(1)).toLocaleString();
+  getRateOfIncome(money) {
+    return Number(((this.#totalPrize / money) * 100).toFixed(1)).toLocaleString();
   }
 }
diff --git a/src/Domain/Money.js b/src/Domain/Money.js
@@ -0,0 +1,24 @@
+import LOTTO_SETTING from '../Constants/lottoSetting.js';
+import AppError from '../Error/AppError.js';
+import ERROR_MESSAGE from '../Constants/Messages/errorMessage.js';
+
+class Money {
+  #money;
+
+  #validateMoney(money) {
+    if (money < LOTTO_SETTING.MIN_PRICE) {
+      throw new AppError(ERROR_MESSAGE.INVALID_MIN_MONEY);
+    }
+  }
+
+  fromInputValue(money) {
+    this.#validateMoney(money);
+    this.#money = money;
+  }
+
+  getMoney() {
+    return this.#money;
+  }
+}
+
+export default Money;
diff --git a/src/Domain/RewardGenerator.js b/src/Domain/RewardGenerator.js
@@ -1,4 +1,4 @@
-import MATCH_COUNT_CONDITION from '../Constants/matchCountCondition';
+import MATCH_COUNT_CONDITION from '../Constants/matchCountCondition.js';
 
 class RewardGenerator {
   #totalRewardResult = [
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><html lang="ko"><head><meta charset="UTF-8"/><title>🎱 행운의 로또</title><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Document</title><link rel="stylesheet" href="./src/step2/styles/content.css"/><link rel="stylesheet" href="./src/step2/styles/footer.css"/><link rel="stylesheet" href="./src/step2/styles/header.css"/><link rel="stylesheet" href="./src/step2/styles/main.css"/><link rel="stylesheet" href="./src/step2/styles/modal.css"/><link rel="stylesheet" href="./src/step2/styles/moneyInput.css"/><link rel="stylesheet" href="./src/step2/styles/winningLottoInput.css"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"/><script defer="defer" src="step2-bundle.js"></script></head><body><div id="app" class="mainCard"><div class="headerCard"><h1 class="headerBannerLogo">🎱 행운의 로또</h1></div><div class="contentCard"><div class="contentContainer"><div class="contentTitle"><h1>🎱 내 번호 당첨 확인 🎱</h1></div><div class="lottoInputContainer"><form class="moneyInputForm" id="moneyInputForm"><div class="labelAndInputContainer"><label for="lottoInput" class="inputLabel">구입할 금액을 입력해주세요</label> <input placeholder="금액" name="moneyInput" id="moneyInput" class="moneyInput"/></div><div class="lottoBuyingButtonContainer"><button class="lottoBuyingButton" id="buyingButton" type="submit">구입</button></div></form></div><div class="resultAndWinningLottoContainer" id="resultAndWinningLottoContainer"><div class="resultContainer"><div class="resultText" id="resultText"></div><div class="boughtLottosContainer" id="boughtLottosContainer"></div></div><div class="winningLottoFormContainer"><p class="winningLottoFormBanner">지난 주 당첨번호 6개와 보너스 번호 1개를 입력해주세요.</p><form class="winningLottoForm" id="winningLottoForm"><div class="winningLottoWrapper"><div class="winningLottoNumbersContainer"><label for="winningLottoNumbers" class="winningLottoLabel">당첨 번호</label><div class="winningLottoInputContainer"><input class="winningLottoInput"/> <input class="winningLottoInput"/> <input class="winningLottoInput"/> <input class="winningLottoInput"/> <input class="winningLottoInput"/> <input class="winningLottoInput"/></div></div><div class="bonusNumberContainer"><label for="bonusNumber" class="winningLottoLabel">당첨 번호</label> <input id="bonusNumberInput" class="winningLottoInput"/></div></div><div class="resultButtonContainer"><button class="resultButton" type="submit">결과 확인하기</button></div></form></div></div></div></div><div class="footerCard"><p class="footerLogo">Copyright 2023. woowacourse</p></div><div class="modalCard" id="modalCard"><div class="modalContainer"><div class="closeButtonContainer"><button id="modalCloseButton" class="closeButton" type="button">X</button></div><div class="winningStatisticsResultBannerContainer"><p class="resultBannerText">🏆 당첨 통계 🏆</p></div><div class="resultTableContainer"><div class="tableTitle"><div class="row"><p class="titleText statisticsText">일치 갯수</p></div><div class="row"><p class="titleText statisticsText">당첨금</p></div><div class="row"><p class="titleText statisticsText">당첨 갯수</p></div></div><div class="tableTitle"><div class="row"><p class="statisticsText">3개</p></div><div class="row"><p class="statisticsText">5,000</p></div><div class="row"><p class="statisticsText winningCount"></p></div></div><div class="tableTitle"><div class="row"><p class="statisticsText">4개</p></div><div class="row"><p class="statisticsText">50,000</p></div><div class="row"><p class="statisticsText winningCount"></p></div></div><div class="tableTitle"><div class="row"><p class="statisticsText">5개</p></div><div class="row"><p class="statisticsText">1,500,000</p></div><div class="row"><p class="statisticsText winningCount"></p></div></div><div class="tableTitle"><div class="row"><p class="statisticsText">5개+보너스볼</p></div><div class="row"><p class="statisticsText">30,000,000</p></div><div class="row"><p class="statisticsText winningCount"></p></div></div><div class="tableTitle"><div class="row"><p class="statisticsText">6개</p></div><div class="row"><p class="statisticsText">2,000,000,000</p></div><div class="row"><p class="statisticsText winningCount"></p></div></div></div><div class="statisticsResultTextContainer"><p class="statisticsResultText" id="statisticsResultText"></p></div><div class="retrySelectButtonContainer"><button id="retrySelectButton" class="retrySelectButton">다시 시작하기</button></div></div></div></div><script type="module" src="./dist/step2-bundle.js"></script></body></html>