JavaScriptでのチェックリストアイテムの編集

それでは、編集機能を実装してみましょう。テキストが入った span にダブルクリックイベントを設定します：

let task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
	// 編集を実装するコードがここに入ります
});
li.appendChild(task);

指定された span をダブルクリックすると、その中にこの span のテキストが入った入力欄を作成する必要があります。その後、その入力欄で Enter キーが押されると、入力欄のテキストを元の span に書き戻し、入力欄自体を削除します。

説明されたタスクを解決するために、不足しているコード部分を追加してください。