Add Base64 decoding from URL fragment

Author: andrew-aisi

index.html

@@ -4,9 +4,36 @@
 
 </body>
 <script>
-const currentUrl = new URL(window.location.href);
-const newDiv = document.createElement('div');
-newDiv.textContent = currentUrl.searchParams;
-document.body.appendChild(newDiv);
+// 1. Get the URL fragment (hash)
+const fragment = window.location.hash;
+
+// 2. Check if a fragment exists
+if (fragment) {
+    // The fragment includes the '#' prefix, e.g., "#SGVsbG8gV29ybGQh"
+    // We need to remove the '#' before decoding
+    const base64EncodedString = fragment.substring(1);
+
+    try {
+        // 3. Base64 decode the string using atob()
+        const decodedString = atob(base64EncodedString);
+
+        // 4. Create a new element to append the content (e.g., a div or p tag)
+        const newElement = document.createElement('div');
+        newElement.textContent = decodedString;
+        newElement.style.padding = '20px';
+        newElement.style.border = '1px solid black';
+
+        // 5. Append the new element to the document body
+        document.body.appendChild(newElement);
+
+        console.log("Decoded and appended:", decodedString);
+
+    } catch (error) {
+        // Handle cases where the string might not be valid Base64
+        console.error("Failed to decode Base64 string:", error);
+    }
+} else {
+    console.log("No URL fragment found.");
+}
 </script>
 </html>