error handling

script.js

@@ -15,6 +15,18 @@ async function sendMessage() {
         body: JSON.stringify({ message }),
     });
 
+    // Check if the response is okay
+    try {
+        const jsonResponse = await response.json();
+        document.getElementById(
+            "chatbox"
+        ).value += `Bot: ${jsonResponse.response}\n`;
+    } catch (error) {
+        console.error("Failed to parse JSON:", error);
+        document.getElementById(
+            "chatbox"
+        ).value += `Bot: Something went wrong. Please try again.\n`;
+    }
     const data = await response.json();
     displayMessage("Bot: " + data.response, "bot-message");
 }