li の上位である ul でイベントを設定する事で解決される、とはどういうことですか?

ul 要素にイベントリスナーを仕込むことで、あとから追加されたチェックボックスのイベントも検知できるようにしています。
2022年6月1日
ユーザー

いつも楽しく学習しています。

const checkboxs = document.querySelectorAll(…);
checkboxs.forEach(checkbox =>{
  checkbox.addEventLister(…
  fetch(…

checkbox などを取得しているこちらの処理ですが、これはページが読み込まれた時点で存在している要素のみを取得するからですね。

の意味が分かりません。

新しく追加されるこちらの checkbox や削除ボタンについては、ページ読み込み時点では存在していないのでクリックイベントが設定されていないということですね。

の意味も同様に理解できません。

その為これらを解決する為に li の上位である ul でイベントを設定する事で解決されるとありますが理解できません。

具体的に教えて頂けませんでしょうか?

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(1)