Update static/js/script.js

static/js/script.js

@@ -45,15 +45,25 @@ class InkBoard {
             this.setButtonLoading(true);
 
             const response = await fetch('/generate', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    scene_idea: sceneIdea
-                })
-            });
-
+  method: 'POST',
+  headers: { 'Content-Type': 'application/json' },
+  body: JSON.stringify({ scene_idea: userInput })
+})
+.then(res => {
+  if (!res.ok) throw new Error("Server error");
+  return res.json();
+})
+.then(data => {
+  if (data.error) throw new Error(data.error);
+  displayStory(data.story);
+  displayImage(data.image_url);
+})
+.catch(err => {
+  console.error("Fetch error:", err.message);
+  alert("Oops! " + err.message);
+});
+                
+          
             const data = await response.json();
 
             if (data.success) {