teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

HTMLのコード追記

2020/02/25 01:56

投稿

keisei-001
keisei-001

スコア15

title CHANGED
File without changes
body CHANGED
@@ -82,6 +82,44 @@
82
82
 
83
83
  ```
84
84
 
85
+ ```html
86
+ <!DOCTYPE html>
87
+ <html lang="ja">
88
+ <head>
89
+ <meta charset="UTF-8">
90
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
91
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
92
+ <link rel="stylesheet" href="/ress.css">
93
+ <link rel="stylesheet" href="/style.css">
94
+ <title>ピュアJSでtodoアプリを作ってみた</title>
95
+ </head>
96
+ <body>
97
+ <section class="main">
98
+ <h1>My-Todos</h1>
99
+ <form action="#" name="form">
100
+ <div class="tabs">
101
+ <label class="all">all<input type="radio" name="state" checked="checked"></label>
102
+ <label class="working">working<input type="radio"name="state"></label>
103
+ <label class="compuleted">completed<input class="state" type="radio"name="state"></label>
104
+ </div>
105
+ <div class="inputs"><input type="text"><input type="button" value="ADD"></div>
106
+ </form>
107
+ <table>
108
+ <tbody>
109
+ <tr class="head">
110
+ <th>ID</th>
111
+ <th>CONTENT</th>
112
+ <th>STATE</th>
113
+ <th>REMOVE</th>
114
+ </tr>
115
+ <!-- ここに要素を追加します! -->
116
+ </tbody>
117
+ </table>
118
+ </section>
119
+ <script src="/script.js" defer></script>
120
+ </body>
121
+ </html>
122
+ ```
85
123
  ### 試したこと
86
124
 
87
125
  1.location.reload()を使ってtodoを追加後にリロードをさせて再度変数の読み込みをさせたがタブ切り替えをactiveというクラスの付け替えで対応したいるためactiveが消えてタブが初期表示に戻る。