The Code for Flipper

                    
                      // Get String Value From The Page
                      function getStringValue() {
                        document.getElementById("alert").classList.add("invisible");
                        let userString = document.getElementById("userString").value;
                        let revString = reverseString(userString);
                        displayString(revString);
                      }
                      
                      // Reverse The String
                      function reverseString(userString) {
                        let revString = [];
                        // Reverse A String Using A For Loop
                        for (let i = userString.length - 1; i >= 0; i--) {
                          revString += userString[i];
                        }
                        return revString;
                      }
                      
                      // Display Message With Reverse String To The User
                      function displayString(revString) {
                          // write to the page
                          document.getElementById("msg").innerHTML = `Your string reversed is: ${revString}`;
                          // show alert box
                          document.getElementById("alert").classList.remove("invisible");
                      }
                    
                

The code is structured in multiple functions.

Flipper

Flipper will reverse your text and display it to the screen.