Update app.js

app.js

@@ -96,32 +96,36 @@ async function handleSubmit() {
     const btn = document.getElementById("submitBtn");
     btn.disabled = true;
 
-    const response = await fetch("https://jonathanjordan21-atm-location-api.hf.space/predict", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "Authorization" : "Bearer " + apiKey
-      },
-      body: JSON.stringify(payload)
-    });
-
-    // if (!response.ok) {
-    //   const text = await response.text();
-    //   throw new Error(text || "Request failed");
-    // }
-
-    const result = await response.json();
-    console.log("API response:", result);
-
-    
-    document.querySelectorAll("#numberInputs input").forEach(input => {
-        const key = input.dataset.key;
-        if (key in result) {
-            input.value = result[key];
-        }
-    });
-
-    btn.disabled = false
+    try {
+        const response = await fetch("https://jonathanjordan21-atm-location-api.hf.space/predict", {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+            "Authorization" : "Bearer " + apiKey
+        },
+        body: JSON.stringify(payload)
+        });
+
+        // if (!response.ok) {
+        //   const text = await response.text();
+        //   throw new Error(text || "Request failed");
+        // }
+
+        const result = await response.json();
+        console.log("API response:", result);
+        
+        document.querySelectorAll("#numberInputs input").forEach(input => {
+            const key = input.dataset.key;
+            if (key in result) {
+                input.value = result[key];
+            }
+        });
+    } catch (error) {
+        alert("An error occurred: " + error.message);
+        console.error("Error details:", error);
+    } finally {
+        btn.disabled = false;
+    }
 
     // console.log("Submitted payload:", payload);