THE CODE FOR: Reverse a String

                        
                            
                            //input processing
                            function getString() {
                                let message = document.getElementById("stringInput").value;

                                if (message != "") {
                                    message = message.toLowerCase();
                                    let reversedString = reverseStringB(message);
                                    displayString(reversedString);
                                } else {
                                    alert("Please input a valid string!");
                                }
                            }

                            //View model
                            function displayString(message) {

                                element = document.getElementById("results");
                                let item = document.createElement("div");
                                item.classList.add("resultsText");
                                item.innerHTML = `Your input in reverse is: ${message}`;
                                element.appendChild(item);

                            }

                            //algorithm using string concatenation
                            function reverseString(message) {
                                let reversedString = "";

                                for (i = message.length - 1; i >= 0; i--) {
                                    let char = message[i];
                                    //concatenante reversedString with the character from the index of message
                                    reversedString += char;
                                    //convert to lower caps
                                }
                                console.log(reversedString);
                                console.log(message);
                                return reversedString;
                            }

                            //algorithm using built in functions
                            function reverseStringB(message) {
                                let reversedString = "";

                                reversedStringArray = message.split("");
                                reversedString = reversedStringArray.reverse().join("");
                                return reversedString;
                            }
                        
                    

The code is structured in three functions

getString

Gets string input from the user.

reverseString

The main logic of the app which reverses the string.

displayString

The function to display the result.