質問編集履歴

3

文章訂正

2021/07/22 06:45

投稿

edu
edu

スコア35

test CHANGED
File without changes
test CHANGED
@@ -195,3 +195,5 @@
195
195
  display: none;
196
196
 
197
197
  }
198
+
199
+ ```

2

文章訂正

2021/07/22 06:45

投稿

edu
edu

スコア35

test CHANGED
File without changes
test CHANGED
@@ -3,6 +3,8 @@
3
3
  Taskを追加した際に、自動で連番になるように実装したいのですが、わかりません。
4
4
 
5
5
  何方かアドバイスをお願いします。※下記のソースコードはサイトより、引用しました。
6
+
7
+ ```index.html
6
8
 
7
9
  <!DOCTYPE html>
8
10
 
@@ -38,11 +40,9 @@
38
40
 
39
41
  </html>
40
42
 
43
+ ```
41
44
 
42
-
45
+ ```main.js
43
-
44
-
45
-
46
46
 
47
47
  'use strict';
48
48
 
@@ -111,6 +111,12 @@
111
111
  textInput.value = '';
112
112
 
113
113
  });
114
+
115
+ ```
116
+
117
+
118
+
119
+ ```style.css
114
120
 
115
121
 
116
122
 

1

前:<ul id="todo-list"> </ul>後:<ol id="todo-list"> </ol>に変更

2021/07/22 06:45

投稿

edu
edu

スコア35

test CHANGED
File without changes
test CHANGED
@@ -28,9 +28,9 @@
28
28
 
29
29
  <input type="text" placeholder="Please enter your Todo" id="text-input">
30
30
 
31
- <ul id="todo-list">
31
+ <ol id="todo-list">
32
32
 
33
- </ul>
33
+ </ol>
34
34
 
35
35
  </div>
36
36
 
@@ -111,3 +111,81 @@
111
111
  textInput.value = '';
112
112
 
113
113
  });
114
+
115
+
116
+
117
+ h1 {
118
+
119
+ text-align:center;
120
+
121
+ }
122
+
123
+
124
+
125
+ html {
126
+
127
+ font-size: 20px;
128
+
129
+ }
130
+
131
+
132
+
133
+ #container {
134
+
135
+ width: 400px;
136
+
137
+ margin: 50px auto 0;
138
+
139
+ }
140
+
141
+
142
+
143
+ #text-input {
144
+
145
+ width: 100%;
146
+
147
+ height: 40px;
148
+
149
+ margin-bottom: 30px;
150
+
151
+ box-sizing: border-box;
152
+
153
+ font-size: 1rem;
154
+
155
+ padding-left: 10px;
156
+
157
+ }
158
+
159
+
160
+
161
+ #todo-list {
162
+
163
+ width: 100%;
164
+
165
+ margin: 0;
166
+
167
+ padding: 0;
168
+
169
+ }
170
+
171
+
172
+
173
+ .list-item {
174
+
175
+ list-style: none;
176
+
177
+ display: flex;
178
+
179
+ justify-content: space-between;
180
+
181
+ margin-bottom: 5px;
182
+
183
+ }
184
+
185
+
186
+
187
+ .hide {
188
+
189
+ display: none;
190
+
191
+ }