質問編集履歴
3
文章訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,9 +4,11 @@
|
|
4
4
|
|
5
5
|
todoリストのタスクをラジオボタンの全て、作業中、完了で表示・非表示を分けたいです。調べてコードを入力したのですが、
|
6
6
|
|
7
|
-
|
7
|
+
main.js: 79、87 Uncaught ReferenceError: workButton is not defined
|
8
|
+
|
8
|
-
|
9
|
+
at HTMLInputElement.<anonymous> (main.js:79,87)
|
10
|
+
|
9
|
-
※
|
11
|
+
※『if (workButton.innerHTML !== '作業中') 』
|
10
12
|
|
11
13
|
|
12
14
|
|
@@ -262,8 +264,6 @@
|
|
262
264
|
|
263
265
|
tr.appendChild(td);
|
264
266
|
|
265
|
-
|
266
|
-
|
267
267
|
})
|
268
268
|
|
269
269
|
//テーブルに行を追加
|
@@ -274,60 +274,60 @@
|
|
274
274
|
|
275
275
|
})
|
276
276
|
|
277
|
-
//
|
277
|
+
// チェックボックスの表示の切替
|
278
|
-
|
278
|
+
|
279
|
-
|
279
|
+
let all = document.getElementById('r1');
|
280
|
-
|
280
|
+
|
281
|
-
|
281
|
+
let working = document.getElementById('r2');
|
282
|
-
|
282
|
+
|
283
|
-
|
283
|
+
let done = document.getElementById('r3');
|
284
|
-
|
285
|
-
|
286
|
-
|
287
|
-
|
284
|
+
|
288
|
-
|
289
|
-
|
285
|
+
|
290
|
-
|
286
|
+
|
291
|
-
|
287
|
+
// 作業中
|
292
|
-
|
293
|
-
|
288
|
+
|
294
|
-
|
295
|
-
|
289
|
+
working.addEventListener('click', () => {
|
296
|
-
|
290
|
+
|
297
|
-
|
291
|
+
if (workButton.innerHTML !== '作業中') {
|
298
|
-
|
299
|
-
|
292
|
+
|
300
|
-
|
301
|
-
return showTasks(doingTasks);
|
302
|
-
|
303
|
-
} else if (radioButtonDone.checked) {
|
304
|
-
|
305
|
-
const doneTasks = tasks.filter(task => {
|
306
|
-
|
307
|
-
|
293
|
+
task.classList.add('none')
|
308
|
-
|
294
|
+
|
309
|
-
|
295
|
+
} else {
|
310
|
-
|
296
|
+
|
311
|
-
|
297
|
+
task.classList.remove('none')
|
312
298
|
|
313
299
|
}
|
314
300
|
|
315
|
-
};
|
316
|
-
|
317
|
-
radioButton.forEach((status, number) => {
|
318
|
-
|
319
|
-
radioButton[number].addEventListener('click', () => {
|
320
|
-
|
321
|
-
filterTasks();
|
322
|
-
|
323
|
-
|
301
|
+
});
|
302
|
+
|
324
|
-
|
303
|
+
// 完了
|
304
|
+
|
305
|
+
done.addEventListener('click', () => {
|
306
|
+
|
307
|
+
if (workButton.innerHTML !== '作業中') {
|
308
|
+
|
309
|
+
task.classList.add('none')
|
310
|
+
|
311
|
+
} else {
|
312
|
+
|
313
|
+
task.classList.remove('none')
|
314
|
+
|
315
|
+
}
|
316
|
+
|
325
|
-
});
|
317
|
+
});
|
318
|
+
|
326
|
-
|
319
|
+
// 全て
|
320
|
+
|
327
|
-
|
321
|
+
all.addEventListener('click', () => {
|
322
|
+
|
328
|
-
|
323
|
+
task.classList.remove('none');
|
324
|
+
|
325
|
+
});
|
326
|
+
|
327
|
+
document.getElementById('newtask').value = '';
|
328
|
+
|
329
|
+
|
330
|
+
|
329
|
-
|
331
|
+
}
|
330
|
-
|
331
|
-
|
332
332
|
|
333
333
|
```
|
2
文章訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,7 +4,11 @@
|
|
4
4
|
|
5
5
|
todoリストのタスクをラジオボタンの全て、作業中、完了で表示・非表示を分けたいです。調べてコードを入力したのですが、
|
6
6
|
|
7
|
-
『Uncaught ReferenceError: radioButton is not definedat main.js:92』
|
7
|
+
『Uncaught ReferenceError: radioButton is not definedat main.js:92』
|
8
|
+
|
9
|
+
※ 『エラー表示箇所 radioButton.forEach((status, number) => {』
|
10
|
+
|
11
|
+
|
8
12
|
|
9
13
|
のエラーがなかなか解消できません。
|
10
14
|
|
1
文章訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
todoリストのタスクをラジオボタンの全て、作業中、完了で表示・非表示を分けたいです。調べてコードを入力したのですが、
|
6
6
|
|
7
|
-
『Uncaught ReferenceError: radioButton is not definedat main.js:
|
7
|
+
『Uncaught ReferenceError: radioButton is not definedat main.js:92』
|
8
8
|
|
9
9
|
のエラーがなかなか解消できません。
|
10
10
|
|