URL Decoder—Convert garbled address

HTML
<!DOCTYPE html> <html> <head> <title>Url decoder</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.js"></script> </head> <body> <div class="container"> <h1 class="text-center clearfix">URL Encoder/Decoder</h1> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <form onsubmit="return false;" action="#"> <textarea cols="40" rows="20" id="dencoder" class="form-control"></textarea> <div> <input onclick="decode()" value="Decode URL" type="button" class="btn btn-sm btn-success"> <input onclick="encode()" value="Encode URL" type="button" class="btn btn-sm btn-warning"> </div> </form> </div> <div class="col-xs-12 col-sm-5 col-md-5 col-lg-5"> <h4>This thing encode and decode pasted text, or encode normal one to url specsymbols like</h4> </div> </div> </div> </body> </html>
CSS
JAVASCRIPT
function encode() { var obj = document.getElementById('dencoder'); var unencoded = obj.value; obj.value = encodeURIComponent(unencoded); } function decode() { var obj = document.getElementById('dencoder'); var encoded = obj.value; obj.value = decodeURIComponent(encoded.replace(/\+/g, " ")); }
Expand for more options Login