Fantasiename erzeugen

So funktioniert das Script

Das Script hat drei Aufgaben: einen zufälligen Buchstaben aus einem Vorrat ziehen, die gewünschte Länge aus dem Eingabefeld lesen und daraus abwechselnd Konsonanten und Vokale zu einem Namen zusammensetzen. Alles steckt in einer sofort ausgeführten Funktion, damit die Variablennamen nicht mit anderen Scripts auf derselben Seite kollidieren.

const vokale = "aeiou";
const konsonanten = "bcdfghjklmnpqrstvwxyz";

Das sind die beiden Buchstabenvorräte. Sie sind schlicht zwei Zeichenketten, aus denen später einzelne Zeichen gezogen werden. Auffällig: Das y steht bei den Konsonanten, das ist Geschmackssache. Umlaute fehlen ganz — wer welche haben will, hängt sie einfach an: "aeiouäöü".

function zufallszeichen(vorrat) {
  return vorrat.charAt(Math.floor(Math.random() * vorrat.length));
}

Diese Hilfsfunktion zieht ein zufälliges Zeichen. Math.random() liefert eine Kommazahl zwischen 0 und (knapp unter) 1. Multipliziert mit der Länge des Vorrats ergibt das eine Zahl zwischen 0 und knapp unter dieser Länge; Math.floor schneidet die Nachkommastellen ab und macht daraus eine ganze Zahl. charAt holt schließlich das Zeichen an dieser Position. Das Muster Math.floor(Math.random() * länge) ist die Standardschreibweise für „zufälliger Eintrag aus einer Liste“ — mit Math.round statt Math.floor könnte die Rechnung genau die Länge treffen, und an dieser Position steht kein Zeichen mehr.

if (isNaN(laenge) || laenge <= 1) {
  ausgabe.textContent = "Bitte tragt eine Zahl ab 2 ein.";
  return;
}

Bevor gewürfelt wird, prüft das Script die Eingabe. parseInt(…, 10) hat den Feldinhalt vorher in eine ganze Zahl im Zehnersystem verwandelt; steht dort etwas anderes als eine Zahl, liefert es NaN („not a number“), und isNaN erkennt das. Auch eine Länge von 1 oder weniger wird abgelehnt, denn ein Name aus einem Buchstaben ist keiner. Statt eines alert-Fensters wie im Original erscheint der Hinweis freundlich in der Ergebnisfläche, und return beendet die Funktion.

let vokalDran = Math.random() < 0.5;
let name = (vokalDran ? zufallszeichen(vokale) : zufallszeichen(konsonanten)).toUpperCase();

Jetzt fällt die erste Entscheidung: Math.random() < 0.5 ist in der Hälfte aller Fälle wahr — ein Münzwurf. Je nach Ausgang wird der erste Buchstabe aus den Vokalen oder aus den Konsonanten gezogen. Das Fragezeichen mit dem Doppelpunkt ist der Bedingungsoperator: Vor dem Fragezeichen die Bedingung, dahinter der Wert für „trifft zu“, nach dem Doppelpunkt der für „trifft nicht zu“. toUpperCase() macht daraus einen Großbuchstaben, denn Namen beginnen groß.

for (let i = 1; i < laenge; i++) {
  vokalDran = !vokalDran;
  name += vokalDran ? zufallszeichen(vokale) : zufallszeichen(konsonanten);
}

Das ist der Kern. Die Schleife beginnt bei 1, weil der erste Buchstabe schon steht, und läuft bis zur gewünschten Länge. vokalDran = !vokalDran kippt den Merker bei jedem Durchlauf ins Gegenteil — das Ausrufezeichen bedeutet „nicht“. Aus wahr wird falsch und umgekehrt, und genau dieses Hin und Her erzeugt die Abwechslung von Konsonant und Vokal, die den Namen aussprechbar macht. Mit += wächst die Zeichenkette Buchstabe für Buchstabe.

ausgabe.textContent = name;

Am Ende landet der fertige Name in der Ergebnisfläche. textContent setzt reinen Text — sicherer als innerHTML, weil der Inhalt garantiert nicht als HTML gedeutet wird. Verbunden wird die Funktion über addEventListener("click", erzeugen) mit dem Knopf; das Script steht dafür unter dem Formular, damit Knopf und Feld beim Ausführen schon existieren.

Zum Anpassen: Wer lieber weichere Namen möchte, streicht harte Konsonanten wie x, q und z aus dem Vorrat — je kürzer die Zeichenkette, desto häufiger kommen die verbliebenen Buchstaben vor. Man kann auch mit doppelten Einträgen arbeiten: Steht das a zweimal in vokale, taucht es doppelt so oft auf. Und wenn ihr die feste Abwechslung aufbrechen wollt, ersetzt ihr vokalDran = !vokalDran; durch vokalDran = Math.random() < 0.6; — dann entscheidet auch im Wortinneren der Zufall, allerdings auf Kosten der Aussprechbarkeit.