いつも楽しく学習させていただいております。

何度か復習した際に
index.php の <li data-id="<? Utils::h($todo->id); ?>"> に関して、
token の処理と同じように記述、処理できるのでは？と思い、
JS の方で試しに

const id = querySelectorAll('li').dataset.id;

として上の方で保持し、checkbox、delete の fetch の中の id にて
id: id,
としてみました。

それで適当な todo（チェックされた fff ）を削除をしてみるとページ遷移することなく削除出来はしたのですが、すぐページをリロードをすると先程削除されたはずの todo が復活、代わりに一番上にあった別の todo（いいい）が削除されてしまいました。

興味本位の質問で恐縮ですが、動画通り checkbox や delete の fetch の id: で親要素の dataset.id を使用するのと挙動がどう違うのかを教えていただきたいです。