THE CODE For Palindrome

                        
                            // Step One, get the information (controller, accept requests)
                            function getMessage() {
                            
                                let msg = document.getElementById("txtMessage").value;
                            
                                // validate that input isn't an empty string
                                if (msg !== '') {
                                    // convert to lowercase
                                    msg = msg.toLowerCase();
                            
                                    // remove spaces and special characters using regex
                                    msg = msg.replace(/[^A-Z0-9]/ig, '');
                            
                                    // check to see if palindrome
                                    let message = palindromeChecker(msg);
                            
                                    displayMessage(message, msg);
                                    clrInputBox();
                                } else { // if the string is empty
                                    alert("Please enter some text. Otherwise I'll be sad.");
                                    clrInputBox();
                                }
                            }
                            
                            function palindromeChecker(message) {
                            
                                let msg = message;
                                let revMsg = "";
                                // could also call reverse string function from other assignment
                                revMsg = msg.split("").reverse().join("");
                            
                                // boolean used to track if palindrome
                                let isPalindrome = true;
                            
                                // since palindrome is same backwards and forwards only need to check to halfway point
                                // loop halfway through the array
                                for (let i = 0; i < (message.length - 1) / 2; i++) {
                                    // check if value at array and reversed array match at each index up to one half the length
                                    if (msg[i] != revMsg[i]) {
                                        isPalindrome = false;
                                        return isPalindrome;
                                    }
                                }
                                return isPalindrome;
                            }
                            
                            // Final Step, display the information (view, displays stuff on screen)
                            function displayMessage(isPalindrome, msg) {
                                // reverse the message for the output
                                let revMessage = msg.split("").reverse().join("");
                            
                                // first get the element from the page
                                element = document.getElementById("results");
                            
                                if (isPalindrome == false) {
                                    // set the message for the element when not a palindrome
                                    element.innerHTML = `The word is: ${msg}

                                        The word reversed is: ${revMessage}

                                        Sorry, I'm not a palindrome. :(`;
                                } else {
                                    // set the message for the element when a palindrome
                                    element.innerHTML = `The word is: ${msg}

                                    The word reversed is: ${revMessage}

                                    I'm a palindrome!!! :)`;
                                }
                            }
                            
                            function clrInputBox() {
                                // this clears the input field after it's displayed
                                document.getElementById("txtMessage").value = '';
                            }