質問: addTask.add.value.trim(); if(task.length) { // Todo List の HTML を生成 createTodoList(task); // タスクに入力した文字をクリア addTask.reset(); } }); //一つずつゴミ箱で削除することも可能。deleteがクラスについている場合(つまりゴミ箱)。 //親要素もろとも消し去る。JavaScriptで生成されたアイテムのためこのような記述になる list.addEventListener('click', e => { if (e.target.classList.contains('delete')){ e.target.parentElement.remove(); } }); } ```
回答: > > 全てのリスト欄が最後に入力した文字列に変化してしまう > > > 下記の部分で`.todo__task`のコンテンツを全て`inputText.value`に書き換えています。 ``` //todo__taskクラスを取得 const todoTask = document.querySelectorAll('.todo__task'); for(let i = 0; i < todoTask.length; i++){ //タスク欄に入力した文字をテキストコンテンツとして出力(タグ無効) todoTask[i].textContent = inputText.value; }; ```