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

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

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

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