回答編集履歴

追記

2020/07/06 16:46

投稿

スコア3828

test CHANGED Viewed

@@ -187,3 +187,101 @@
 ```
+### 追記
+削除後に振りなおすしかないでしょうね。
+```javascript
+ // 「追加」ボタンがクリックされたときの処理を実装する //
+ addButton.addEventListener('click', () => {
+   // ここでidをとるとキャンセルしたときにおかしい
+   inputBox.focus();
+   // 空文字が入力されたときの処理
+   if (inputBox.value === '') {
+     alert('タスクを入力してください！');
+     return;
+   }
+   //todoがtrueの場合の処理
+   // この書き方はすべてtrueなので意味なし
+   //if (todo) {
+   // push直前でid取得
+   const todo = {
+     id: todos.length,
+     comment: inputBox.value,
+     status: '作業中'
+   }
+   todos.push(todo);
+   inputBox.value = '';
+   showTodos(todos);
+   filterTodos();
+   //}
+ });
+ //「削除機能」を管理するボタンを生成する関数
+ const createDeleteButton = (tableRecord, id) => {
+   let index = tableRecord.rowIndex - 1;
+   const deleteButton = document.createElement('button');
+   deleteButton.textContent = '削除';
+   deleteButton.addEventListener('click', () => {
+     const targetIndex = todos.findIndex(todo => {
+       return todo.id === id;
+     });
+     todos.splice(targetIndex, 1);
+     // 削除後に削除id以上を振りなおす
+     for (var i = targetIndex; i < todos.length; i++) {
+       todos[i].id = i
+     }
+     filterTodos();
+   });
+   return deleteButton;
+ };
+```