Rewind: Reverse strings using Javascript!

In the realm of web development, understanding how to manipulate data is a fundamental skill.

Let's start by setting up the HTML

 Create an HTML file with a simple input field for users to enter their text. This input will be the canvas on which our JavaScript magic will unfold. All we will need is an input and a button that will run the function.

 Setting up our Javascript Functions

 Our first function will be getting our input values, we can call that one getValues(), getValues will send the string to the reverseString() function. Lastly it will pass the reversed string to the displayString() function.

 While there are other ways to complete this problem we will be using a for loop for this example. First we'll create a variable that will be an empty string, I named it reversedMessage. We then create an index equal to the userinput.length, we use -1 to start at the end of the index. Everytime the loop runs we want to add the letter to the reversedMessage variable. Lastly we will return the reversedMessage back to getValues(). 

Now that you have reversed the string you we use the displayString() function to display it on our frontend, you can do this by changing the text content of where you want the text to show up, 

You now have a functional setup for reversing strings using JavaScript! You can check out my live string reverse site here and you can also check out my GitHub repo here. Feel free to use and customize this code for your site and share it down below in the comments.