Toggle logic

[Sempervivum]

Und zwar wird das toggle-Objekt nicht mit im EventListener übernommen.

Das trifft nicht zu, wie diese Ergänzung zeigt:

Code:

            toggle.addEventListener("click", () => {
                console.log(toggle);
                console.log("Wurde geklickt aktuell " + toggle.checked)

                // toggle.checked = (!toggle.checked)
                console.log("Wurde geklickt danach " + toggle.checked)
            })

In der Console wird beim Klick das Checkbox-Element ausgegeben.
Der Grund, warum es bei dir nicht funktioniert ist: Eine Checkbox hat bereits per Default eine Toggle-Funktion. Fügst Du noch die eigene hinzu, wird zwei Mal getoggelt und man gelangt wieder zum Ausgangszustand: false --> true --> false
Kommentiere ich die Zeile mit dem Toggeln aus, funktioniert es wie gewünscht.