Der Buchstaben Zahlen Generator ist ein kleines interaktives Tool, das Buchstaben des Alphabets in ihre entsprechenden Zahlenwerte umwandelt und umgekehrt. Jeder Buchstabe erhält dabei eine feste Position im Alphabet A = 1, B = 2, C = 3 … Z = 26.

Dieses System eignet sich hervorragend, um einfache Codes zu erstellen, Namen in Zahlenfolgen zu übersetzen oder spielerisch mit Buchstabenwerten zu experimentieren. Die Umwandlung funktioniert in beide Richtungen:

• Text → Zahlen: Jeder Buchstabe wird durch seine alphabetische Zahl ersetzt.
• Zahlen → Text: Jede Zahl zwischen 1 und 26 wird wieder in den passenden Buchstaben zurückverwandelt.

Beispiel: Stephan → 19 20 5 16 8 1 14
Umgekehrt ergibt 19 20 5 16 8 1 14 → stephan.

Der Generator ist vollständig in HTML und JavaScript umgesetzt und kann direkt in Joomla Beiträge integriert werden. Er reagiert sofort auf Eingaben und zeigt die Ergebnisse live an ideal für Lernseiten, kreative Projekte oder kleine Spielereien mit Buchstaben Codes.

Das Design ist bewusst schlicht und technisch gehalten, mit einem klaren Header Bild und einer kompakten Tabelle, die das Alphabet übersichtlich darstellt.

Buchstaben Zahlen‑Generator (beidseitig)

Gib Text oder Zahlen ein die Ausgabe erfolgt automatisch in beide Richtungen.

Text → Zahlen

Ausgabe:

Zahlen → Text

Ausgabe:

Dieser Generator wandelt jeden Buchstaben in seine entsprechende Zahl um.
Das Prinzip ist einfach: A = 1, B = 2, C = 3 … Z = 26.

Alphabet-Tabelle

Beispiel: „Stephan“

Stephan → 19 20 5 16 8 1 14

Mini‑Generator (JavaScript)

Dieses kleine Skript kann in Joomla direkt funktionieren, wenn du es in den Beitrag einfügst:

<script>
function textToNumbers(txt) {
    txt = txt.toLowerCase();
    let out = [];
    for (let c of txt) {
        if (c >= 'a' && c <= 'z') {
            out.push(c.charCodeAt(0) - 96);
        } else {
            out.push(c);
        }
    }
    return out.join(" ");
}
document.addEventListener("DOMContentLoaded", () => {
    const input = document.getElementById("abcInput");
    const output = document.getElementById("abcOutput");
    input.addEventListener("input", () => {
        output.textContent = textToNumbers(input.value);
    });
});
</script>

<label>Text eingeben:</label><br>
<input id="abcInput" type="text" style="width:100%;max-width:300px;">

<p><strong>Ausgabe:</strong></p>
<pre id="abcOutput"></pre>