Basic UI + Restructring

js/index.js

@@ -0,0 +1,27 @@
+// https://www.youtube.com/watch?v=HzqnQThFSX8&list=RDHzqnQThFSX8&start_radio=1
+console.log("Log test");
+
+function ytdl(){
+    var url = document.getElementById("url");
+    if(url.value === ""){
+        alert("Please enter a URL")
+        return
+    }
+    console.log(url.value);
+    if(url.value.includes("youtube.com/watch?v=")){
+        var ytid_prep1 = url.value.split("=");
+        if(ytid_prep1[1].includes("&")){
+            var ytid_prep2 = ytid_prep1[1].split("&");
+            var ytid = ytid_prep2[0];
+        } else {
+            var ytid = ytid_prep1[1];
+        }
+    } else if(url.value.includes("youtu.be/")){
+        var ytid_prep1 = url.value.split(".be/");
+        var ytid = ytid_prep1[1];
+    } else {
+        alert("URL is not compliant with this website - I am kinda sorry(Just kidding)")
+    }
+    console.log(ytid);
+
+}