made api ip to remotes

src/create-server/create-server.js

@@ -16,14 +16,18 @@ data.remotes.forEach((obj) => {
 });
 
 remoteList.addEventListener("change", () => {
-    api.getAllVersions("localhost", "2065", "debug", "vanilla").then((versions) => {
-        versions.forEach((obj) => {
-            let version = document.createElement("option");
-            console.log(obj.id)
-            version.text = obj.id;
-            version.className = "text-center text-white transition-all";
-            versionList.appendChild(version);
-        })
+    data.remotes.forEach((obj) => {
+        if (remoteList.value == obj.name) {
+            api.getAllVersions(obj.ip, obj.port, "debug", "vanilla").then((versions) => {
+                versions.forEach((obj) => {
+                    let version = document.createElement("option");
+                    version.text = obj.id;
+                    version.className = "text-center text-white transition-all";
+                    versionList.appendChild(version);
+                })
+            })
+        };
+
     })
 
     console.log(remoteList.value);

src/create-server/index.html

@@ -50,10 +50,10 @@ <h1 class="text-white">Remote</h1>
             <h1 class="text-white">Software</h1>
             <form class="text-center mb-5">
                 <select class="text-center p-2 w-72 m-2 bg-gray-700 text-white rounded-lg transition-all drop-shadow-xl" id="software">
-                            <option>Vanilla<z/option>
+                            <option>Vanilla<option>
                             <option>Paper</option>
                             <option>Other</option>
-                            </select>
+                </select>
             </form>
 
             <h1 class="text-white">Versions</h1>

src/index.html

@@ -50,7 +50,6 @@ <h1 class="text-white p-3 pt-6 text-2xl" style="font-weight: 600;">Omnipetal</h1
     </div>
     <script src="app.js"></script>
     <script src="macOS.js"></script>
-    <script src="./api.js"></script>
 </body>
 
 </html>