woowacourse · austinpark420 · Feb 25, 2022 · Feb 22, 2022 · Feb 22, 2022 · Feb 22, 2022
diff --git a/.eslintrc b/.eslintrc
@@ -0,0 +1,19 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": ["airbnb-base", "plugin:prettier/recommended"],
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaVersion": "latest"
+  },
+  "rules": {
+    "prettier/prettier": ["error"],
+    "max-depth": ["error", 1],
+    "no-new": "off",
+    "import/extensions": "off",
+    "max-lines-per-function": ["error", 15],
+    "printWidth": 100
+  }
+}
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}
diff --git a/docs/README.md b/docs/README.md
@@ -0,0 +1,13 @@
+## 기능 명세
+
+- [x] 구입할 금액을 입력할 수 있어야 한다
+  - [x] 금액은 천 단위로 입력해야 한다
+  - [x] 금액은 빈값으로 입력할 수 없다
+  - [x] 금액은 음수를 입력할 수 없다
+- [x] 구입한 로또 금액만큼 로또를 발급할 수 있어야 한다
+  - [x] 발급 후 로또의 번호를 볼 수 없다
+  - [x] 로또 한장의 가격은 1000원이다
+  - [x] 로또의 번호는 자동으로 정해진다
+  - [x] 로또의 번호는 중복없이 1이상 45이하이다
+- [x] 구입한 로또 금액만큼 로또 개수를 확인할 수 있어야 한다
+- [x] 번호 보기 토글 버튼을 클릭해 로또 번호를 볼 수 있어야 한다.
diff --git a/index.html b/index.html
@@ -10,8 +10,27 @@
 <body>
   <div id="app">
     <h1>🎱 행운의 로또</h1>
+    <section id="lotto-purchase">
+      <form id="lotto-purchase-form">
+        <label for="purchase-money">구입할 금액을 입력해주세요.</label>
+        <input id="lotto-purchase-input" name="purchase-money" type="number" placeholder="5개까지 구매할 수 있습니다 (1개: 1000원)" />
+        <button type="submit">구입</button>
+      </form>
+    </section>
+    <section id="lotto-purchase-result">
+      <div>
+        <p id="lotto-purchase-count">아직 구매하신 로또가 없습니다.</p>
+        <div id="lotto-list"></div>
+      </div>
+      <div id="lotto-toggle-wrap">
+        <p>번호보기</p>
+        <label class="switch" for="show-lotto-toggle">
+          <input id="show-lotto-toggle" name="show-lotto-toggle" type="checkbox" />
+          <span class="slider round"></span>
+        </label>
+      </div>
+    </section>
   </div>
-  <script type="module" src="./src/js/index.js"></script>
 </body>
 
 </html>