Update ui/script.js

ui/script.js

@@ -5,21 +5,28 @@ async function analyze() {
   const confidence = document.getElementById('confidence');
   const roast = document.getElementById('roast');
 
+  // Reset UI state
   output.style.display = 'none';
   label.textContent = '';
   confidence.textContent = '';
   roast.textContent = '';
 
-  // 👇 YOUR NGROK URL GOES HERE
+  // ✅ Replace with your real ngrok URL (HTTPS)
   const API_URL = "https://cf6827739654.ngrok-free.app";
 
   try {
     const response = await fetch(`${API_URL}/predict`, {
       method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
+      headers: {
+        'Content-Type': 'application/json'
+      },
       body: JSON.stringify({ text })
     });
 
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}`);
+    }
+
     const data = await response.json();
 
     label.textContent = data.label;
@@ -29,8 +36,8 @@ async function analyze() {
     output.style.display = 'block';
 
   } catch (err) {
-    console.error(err);
-    roast.textContent = "Something went wrong. EmoNet had a breakdown.";
+    console.error("Frontend error:", err);
+    roast.textContent = "Something went wrong talking to the server.";
     output.style.display = 'block';
   }
 }