The Code

// entry point AKA Controller
function getValues() {
    let userString = document.getElementById('userString').value;

    let reversedString = reverseAString(userString);

    displayString(reversedString);
}

// logic function
// reverse a string
function reverseAString(userString) {
    let reversedString = ''

    for (let i = (userString.length - 1); i >= 0; i--) {
        reversedString += userString[i];
    }

    return reversedString;
}

// view function
function displayString(reversedString) {
    document.getElementById('results').innerHTML = reversedString;
    document.getElementById('alert').classList.remove('invisible')
}
JavaScript

The code is structured in three functions

getValues()

This function grabs the string input by the user.

reverseAString(userString)

This function will iterate through each item in the string reading back to front, and store each letter in a new, reversed array.

displayString(reversedString)

This function displays the reversed string in an alert box.