JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <p id="demo">Click the button to encode and decode a URI.</p>
    <button onclick="myFunction()">Try it</button>
    <script>
        function myFunction() {
            var uri = "http://lp.imageg.net/prod?set=key[initials],value[ABC]&set=key[color],value[blind stamp]&set=key[displaysize],value[64%]&load=url[http://chains.imageg.net/graphics/dynamic/chains/TUMI_TAG1.chain]";
            var uri_enc = "Encoded URI: " + encodeURIComponent(uri).replace(/'/g, "%27").replace(/"/g, "%22");
            alert(uri_enc);
            var uri_dec = "Decoded URI: " + decodeURIComponent(uri_enc.replace(/\+/g, " "));
            alert(uri_dec);
            var res = uri_enc + "<br>" + uri_dec;
            document.getElementById("demo").innerHTML = res;

        }
    </script>
</body>