Add go button

index.js

@@ -11,27 +11,48 @@ import { isValidHTTPURL, open } from "./common/modules/utilities.js";
 const { default: sources } = await import("./common/assets/sources.json", { assert: { type: "json" } });
 
 (function main() {
-    const textField = document.querySelector("input");
-    
     for (const url of sources)
         insertSource(url);
 
+    const textField = document.querySelector("input");
+    const goButton = document.getElementById("go");
+    const viewSource = () => {
+        const sourceURL = textField.value;
+        if (!isValidHTTPURL(sourceURL))
+            alert("Invalid HTTP URL.");
+        else open(`./view/?source=${sourceURL}`);
+    };
+
     // If source provided
     if (urlSearchParams.has('source')) {
         textField.value = urlSearchParams.get("source");
         textField.focus();
     }
 
-    textField.addEventListener("keypress", function (event) {
+    textField.addEventListener("keypress", event => {
         if (event.key === "Enter") {
             event.preventDefault();
-            const sourceURL = textField.value;
-            if (!isValidHTTPURL(sourceURL))
-                alert("Invalid HTTP URL.");
-            else open(`./view/?source=${sourceURL}`);
+            viewSource();
         }
     });
 
+    const toggleGoButton = () => {
+        if (textField.value.length) {
+            goButton.style.display = "block";
+            setTimeout(() => {
+                goButton.style.opacity = 1;
+            }, 5);
+        } else {
+            goButton.style.opacity = 0;
+            setTimeout(() => {
+                goButton.style.display = "none";
+            }, 125);
+        }
+    }; toggleGoButton();
+    textField.addEventListener("input", toggleGoButton);
+
+    goButton.addEventListener("click", viewSource);
+
     async function insertSource(url) {
         fetch(url).then(data => data.json()).then(source => {
             document.getElementById("source-code").insertAdjacentHTML("beforebegin",`