Lotto-Generator 3

"Klickibunti" mit HTML5 und CSS

Aufgabenstellung

Funktionalität

Es soll eine grafische Andeutung einer Lostrommel mit Kugeln geben. Zwei Button sollen einmal zur Ziehung eines Satzes von 6 Lottozahlen und einmal zur Löschung der bisherigen Ziehungen dienen.

Programmlogik

Nach Klick auf den "Ziehung"-Button werden in einem eigenen Prozess 6 innerhalb der Gruppe einmalige Zahlen von 1 bis 49 gezogen und in grafischer Form (wie Kugeln) dargestellt. Der jeweils separate Prozess soll eine mehrmalige Ausführung der Ziehungen kurz hintereinander ermöglichen, dabei bleiben alle bisherigen Ziehungen bis zum Klick auf "Löschen" erhalten.

Sprache

Für die Programmlogik und zur dynamischen Umsetzung soll JavaScript verwendet werden. Formatierungen finden per CSS statt, dies kann innerhalb des body-Bereiches der Seite erfolgen und muss nicht ausgelagert werden.

Darstellung und Aufbau

Oben erscheint eine simulierte Lostrommel, die erst bei Klick auf "Ziehung" rotierende Kreise mit angedeuteten Kugeln darstellt. Es gibt zwei sich gegensätzlich drehende Kugelkreise, was den grafischen Effekt einer Lostrommel verstärken soll.

Weitere Vorgaben/Einschränkungen

Außer JavaScript soll keine weitere Programmiersprache eingebunden werden. Animationen sollen weitestgehend mit den aktuellen Möglichkeiten von CSS umgesetzt werden.

Erstellungsdatum

Aufgabe und Programmdemonstration wurden im Mai 2025 von Gerd Schiefer erstellt.