Reverse a string

index.html

<label for="strQuery">Enter a string:</label>
<input type="text" id="strQuery">
<button type="submit" id="submit">Submit</button>
<p id="result"></p>

reverse-a-string.markdown

Reverse a string

A Pen by Bennett on CodePen.

License.

script.js

/* A web app to reverse a string, using Javascript and JQuery. 
Recursive solution removes first letter until only one remains, then returns letters in backwards order.
Original solution in comments at end using for loop to reverse order. */

function reverseString(str) {
  if (str == "")
    return "";
  else
    return reverseString(str.substr(1)) + str.charAt(0);
}

$("#submit").click(function() {
  var stringQuery = $("#strQuery").val();
  $("#result").html(reverseString(stringQuery));
});

//First Solution (non-recursive):
//  var result = "";
//  for (var i = str.length - 1; i >= 0 ; i--) {
//    result += str[i];
//  }

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>