Lottozahlen Generator

So funktioniert das Script

Das Script besteht aus drei Bausteinen: einem Block mit Einstellungen ganz oben, der Funktion ziehen(), die eine vollständige Kombination erwürfelt, und der Funktion drehen(), die diese Ziehung fünfzig Mal wiederholt und damit die Trommel-Animation erzeugt. Alles liegt in einer sofort ausgeführten Funktion, damit die Namen darin keine anderen Scripts der Seite stören.

const wieViele = 6;
const von = 1;
const bis = 49;
const umdrehungen = 50;
const tempo = 50;

Diese fünf Werte sind die Stellschrauben. wieViele ist die Anzahl der Zahlen pro Tipp, von und bis spannen den Zahlenbereich auf. umdrehungen bestimmt, wie oft die Trommel weiterrattert, tempo den Abstand zwischen zwei Bildern in Millisekunden. 50 Umdrehungen mal 50 Millisekunden ergeben rund 2,5 Sekunden Schau. Für die österreichische Variante schreibt ihr wieViele = 6 und bis = 45, für Eurojackpot wieViele = 5 und bis = 50.

const zahl = von + Math.floor(Math.random() * (bis - von + 1));

Das ist die klassische Formel für eine ganze Zufallszahl in einem Bereich. Math.random() liefert eine Kommazahl ab 0 und immer kleiner als 1. Multipliziert mit der Spannweite bis - von + 1 (bei 1 bis 49 also 49) entsteht eine Zahl zwischen 0 und knapp 49. Math.floor schneidet die Nachkommastellen ab, es bleibt 0 bis 48 — und das von + davor schiebt den Bereich auf 1 bis 49.

while (gezogen.length < wieViele) {
  const zahl = von + Math.floor(Math.random() * (bis - von + 1));
  if (gezogen.indexOf(zahl) === -1) {
    gezogen.push(zahl);
  }
}

Hier entsteht die Ziehung ohne Zurücklegen. Die while-Schleife läuft so lange, bis genug Zahlen beisammen sind. indexOf sucht die frisch gewürfelte Zahl in der bisherigen Liste; kommt sie dort nicht vor, meldet die Methode -1 und die Zahl wird mit push angehängt. Ist sie schon dabei, passiert schlicht nichts und der nächste Schleifendurchlauf würfelt neu. Genau so funktioniert auch die echte Lostrommel: gezogene Kugeln kommen nicht zurück.

gezogen.sort(function (a, b) { return a - b; });

Vorsicht bei sort(): Ohne Zusatz sortiert JavaScript Zahlen als Text, dann stünde die 10 vor der 9. Die kleine Vergleichsfunktion a - b sagt der Methode, wie sie zwei Zahlen der Größe nach vergleichen soll — ein negatives Ergebnis heißt „a kommt zuerst“. So erscheinen die Zahlen wie auf dem Lottoschein aufsteigend.

durchgang++;
if (durchgang > umdrehungen) {
  laeuft = false;
  knopf.disabled = false;
  return;
}
setTimeout(drehen, tempo);

Das ist die Animation. setTimeout(drehen, tempo) bestellt den nächsten Aufruf derselben Funktion in 50 Millisekunden — die Funktion ruft sich also immer wieder selbst auf, bis der Zähler durchgang die eingestellte Zahl überschreitet. Dann bricht return die Kette ab, und die zuletzt angezeigte Kombination bleibt stehen.

if (laeuft) {
  return;
}

Die Sperre am Anfang von starten() verhindert, dass sich zwei Trommeln gleichzeitig drehen. Ohne sie würde jeder weitere Klick eine zusätzliche Aufruf-Kette starten, die Anzeige würde immer hektischer flackern und nie sauber stoppen. Zusätzlich wird der Knopf mit knopf.disabled = true während des Laufs ausgegraut, damit man die Sperre auch sieht.

Zum Anpassen: Die Beschriftung des Knopfs steht im HTML, der Anfangstext „Deine Glückszahlen“ als startText im Script. Wollt ihr die Zahlen mit Komma statt mit Abstand trennen, ändert ihr das Trennzeichen in join(" "). Und wer die Schau ganz überspringen will, setzt umdrehungen = 0 — dann steht die Ziehung sofort.