Zwei Todo-Listen, zwei Speicher-Strategien

Gleiche Funktionen links wie rechts, inkl. Drag-and-Drop-Sortierung — der Unterschied steckt im Code, nicht im UI

localStorage

synchron · blockierend · ~5–10MB Limit

Ziehen am ⠿-Griff möglich, solange „Eigene Reihenfolge“ aktiv ist.

IndexedDB

asynchron · non-blocking · sehr großes Limit

Ziehen am ⠿-Griff möglich, solange „Eigene Reihenfolge“ aktiv ist.

Was das Log zeigt: Bei localStorage laufen Schreiben/Lesen in derselben Zeile wie der Aufruf — das Log-Event erscheint sofort, in exakt der Reihenfolge des Codes. Bei IndexedDB wird die Operation angestoßen und der Rest des Skripts läuft weiter; das "fertig"-Event im Log kommt einen Tick später, über einen Callback.

Zur Sortierung: Jeder Eintrag hat zusätzlich zu Text/Status ein numerisches Feld order. Beim Ziehen wird nur die Reihenfolge im Array neu berechnet (0, 1, 2, …) und komplett neu gespeichert — es gibt keine Server-Instanz, die "die Wahrheit" kennt, das Array in deinem Storage ist die einzige Quelle.