Url Encoder & Decoder

by shatul patil

HTML

Enter URL : <input type="text">

<p>URL : <span id="normal"></span></p>
<p>Encoded : <span id="encoded"></span></p>
<p>Decoded : <span id="decoded"></span></p>

JavaScript

$( "input" )
  .keyup(function() {
    var value = $( this ).val();
    var enval = encodeURIComponent(value);
    var deval = decodeURIComponent(value);
    $( "#normal" ).text( value );
    $( "#encoded" ).text( enval );
    $( "#decoded" ).text( deval );
  })
  .keyup();