add button for sharing (construct and copy url with parameters)

Author: TheBestTvarynka

img/share.png

@@ -45,6 +45,9 @@
             <div class="tool" onclick="copyOutputData()">
                 <img src="../img/copy.png" alt="copy" />
             </div>
+            <div id="share" class="tool" onclick="share()">
+                <img src="../img/share.png" alt="share" />
+            </div>
             <div id="asn1Tool" class="hide labeledTool" onclick="decodeAsAsn1()">
                 <img src="../img/linking1.png" alt="asn1" />
                 <span>asn1</span>

src/index.html

@@ -118,3 +118,14 @@ const toggleAsn1Button = () => {
     document.getElementById('asn1Tool').classList.add('hide');
   }
 };
+
+const share = () => {
+  const inType = document.getElementById('inType').selectedOptions[0].value;
+  const outType = document.getElementById('outType').selectedOptions[0].value;
+  const data = document.getElementById('inData').value;
+
+  const url = `?in=${inType}&out=${outType}&data=${encodeURIComponent(data)}`;
+
+  window.history.pushState(url, url, url);
+  navigator.clipboard.writeText(window.location.href);
+};