質問編集履歴

1

HTMLのコード追記

2020/02/25 01:56

投稿

keisei-001
keisei-001

スコア15

test CHANGED
File without changes
test CHANGED
@@ -166,6 +166,82 @@
166
166
 
167
167
 
168
168
 
169
+ ```html
170
+
171
+ <!DOCTYPE html>
172
+
173
+ <html lang="ja">
174
+
175
+ <head>
176
+
177
+ <meta charset="UTF-8">
178
+
179
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
180
+
181
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
182
+
183
+ <link rel="stylesheet" href="/ress.css">
184
+
185
+ <link rel="stylesheet" href="/style.css">
186
+
187
+ <title>ピュアJSでtodoアプリを作ってみた</title>
188
+
189
+ </head>
190
+
191
+ <body>
192
+
193
+ <section class="main">
194
+
195
+ <h1>My-Todos</h1>
196
+
197
+ <form action="#" name="form">
198
+
199
+ <div class="tabs">
200
+
201
+ <label class="all">all<input type="radio" name="state" checked="checked"></label>
202
+
203
+ <label class="working">working<input type="radio"name="state"></label>
204
+
205
+ <label class="compuleted">completed<input class="state" type="radio"name="state"></label>
206
+
207
+ </div>
208
+
209
+ <div class="inputs"><input type="text"><input type="button" value="ADD"></div>
210
+
211
+ </form>
212
+
213
+ <table>
214
+
215
+ <tbody>
216
+
217
+ <tr class="head">
218
+
219
+ <th>ID</th>
220
+
221
+ <th>CONTENT</th>
222
+
223
+ <th>STATE</th>
224
+
225
+ <th>REMOVE</th>
226
+
227
+ </tr>
228
+
229
+ <!-- ここに要素を追加します! -->
230
+
231
+ </tbody>
232
+
233
+ </table>
234
+
235
+ </section>
236
+
237
+ <script src="/script.js" defer></script>
238
+
239
+ </body>
240
+
241
+ </html>
242
+
243
+ ```
244
+
169
245
  ### 試したこと
170
246
 
171
247