JSFiddle - React, Tailwind, and code Playground

by shapeshifta

HTML

Insert Link URL:
<input id="url" />

<div id="parameters">
    
</div>

CSS

#url {width:500px}

JavaScript

var getUrlParameter = function getUrlParameter(sParam) {
    $('#parameters').empty();
    var hLink = $('<a style="display:none" href="' + $('#url')[0].value + '"></a>').appendTo('#parameters'),
    	sPageURL = hLink[0].search.substring(1),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};

$('#url').on('input', function(){
	$('#parameters').html([
         'id: ', 
         getUrlParameter('id'), 
        '<br />access-key: ', 
        getUrlParameter('access_key')
    ]);
   
});