質問編集履歴

3

文章訂正

2021/08/10 07:59

投稿

edu
edu

スコア35

test CHANGED
File without changes
test CHANGED
@@ -4,9 +4,11 @@
4
4
 
5
5
  todoリストのタスクをラジオボタンの全て、作業中、完了で表示・非表示を分けたいです。調べてコードを入力したのですが、
6
6
 
7
- Uncaught ReferenceError: radioButton is not definedat  main.js:92』 
7
+ main.js: 79、87 Uncaught ReferenceError: workButton is not defined
8
+
8
-
9
+ at HTMLInputElement.<anonymous> (main.js:79,87)
10
+
9
- エラー表示箇所 radioButton.forEach((status, number) => {
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
-  const radioButtonAll = document.getElementById('r1');
279
+ let all = document.getElementById('r1');
280
-
280
+
281
-  const radioButtonWorking = document.getElementById('r2');
281
+ let working = document.getElementById('r2');
282
-
282
+
283
-  const radioButtonDone = document.getElementById('r3');
283
+ let done = document.getElementById('r3');
284
-
285
-
286
-
287
- const filterTasks = () => {
284
+
288
-
289
- if(radioButtonAll.checked) {
285
+
290
-
286
+
291
- return showTasks(tasks);
287
+ // 作業中
292
-
293
- } else if (radioButtonWorking.checked) {
288
+
294
-
295
- const doingTasks = tasks.filter(task => {
289
+ working.addEventListener('click', () => {
296
-
290
+
297
- return task.status === '作業中'
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
- return task.status === '完了'
293
+ task.classList.add('none')
308
-
294
+
309
- })
295
+ } else {
310
-
296
+
311
- return showTasks(doneTasks);
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

文章訂正

2021/08/10 07:59

投稿

edu
edu

スコア35

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

文章訂正

2021/08/10 05:50

投稿

edu
edu

スコア35

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:163
7
+ 『Uncaught ReferenceError: radioButton is not definedat  main.js:92
8
8
 
9
9
  のエラーがなかなか解消できません。
10
10