A Pen by josephj.

index.html

<h1>JavaScript Reverse</h1>

<form method="post" id="reverse-form">  
  <label>
    original text:
    <input type="text" id="msg" value="abcdefg">
  </label>
  <br>
  <label>
    reversed text: <span id="result"></span>  
  </lael>
</form>

JavaScript-String-reverse.markdown

JavaScript String reverse

A Pen by josephj on CodePen.

License.

script.js

// Append reverse method to String prototype
String.prototype.reverse = function () {
  var chars = this.split(''),
      result = [],
      i;
  for (i = chars.length - 1; i >= 0; i--) {
    result.push(chars[i]);
  }
  return result.join('');
};

var $result = $('#result'),
    $msg = $('#msg');

function update() {
  $result.html($msg.val().reverse());
}

$('#reverse-form').on('input', function (e) {
  e.preventDefault();
  update();
});

update();