// Get Text (controller)
function getValue(){

    let eingabeText = document.getElementById("eingabeString").value;
    let reverseText = reverseString(eingabeText);

    displayString(reverseText);
}

// Reverse Text (logic)
function reverseString(eingabeText){

    let reverseTextArray = [];

    for (let index = eingabeText.length - 1; index >= 0; index--) {
        reverseTextArray = reverseTextArray + eingabeText[index];
    }

    return reverseTextArray;
}

// Display Text (view)
function displayString(reverseText){

    document.getElementById("nachricht").innerHTML = "Das umgedrehte Wort lautet: " + reverseText;

    document.getElementById("alert").classList.remove("invisible");
}

REWIND

Das Programm besteht aus drei Funktionen.

Die erste Funktion liest den Text ein und ruft die anderen beiden Funktionen zur Berechnung und zur Anzeige auf.

Die zweite Funktion ist die Logik Funktion und dreht das Wort um.

Die dritte und letzte Funktion zeigt das umgedrehte Wort an.