Update static/script.js

static/script.js

@@ -1,26 +1,38 @@
 let conversation = [
-    { role: 'bot', message: 'Hi there! I'm Chef Bot! May I know your name?' }
+    { role: 'bot', message: 'Hi there! I\'m Chef Bot! May I know your name?' }
 ];
 
 function addMessage(role, message) {
     const chatMessages = document.getElementById('chatMessages');
+    if (!chatMessages) {
+        console.error('Chat messages container not found!');
+        return;
+    }
     const messageDiv = document.createElement('div');
     messageDiv.className = role === 'bot' ? 'bot-message' : 'user-message';
     messageDiv.textContent = message;
     chatMessages.appendChild(messageDiv);
     chatMessages.scrollTop = chatMessages.scrollHeight;
+    console.log(`Added ${role} message: ${message}`);
 }
 
 function sendMessage() {
-    const userInput = document.getElementById('userInput').value.trim();
-    if (userInput) {
-        addMessage('user', userInput);
-        conversation.push({ role: 'user', message: userInput });
-        document.getElementById('userInput').value = '';
+    const userInput = document.getElementById('userInput');
+    if (!userInput) {
+        console.error('User input field not found!');
+        return;
+    }
+    const message = userInput.value.trim();
+    if (message) {
+        addMessage('user', message);
+        conversation.push({ role: 'user', message: message });
+        userInput.value = '';
 
         setTimeout(() => {
-            handleResponse(userInput);
+            handleResponse(message);
         }, 500);
+    } else {
+        console.warn('Empty message!');
     }
 }
 
@@ -74,6 +86,10 @@ function handleResponse(userInput) {
 
 function displayOptions(options) {
     const chatMessages = document.getElementById('chatMessages');
+    if (!chatMessages) {
+        console.error('Chat messages container not found for options!');
+        return;
+    }
     options.forEach(opt => {
         const button = document.createElement('button');
         button.textContent = opt.text;
@@ -99,3 +115,13 @@ function displayOptions(options) {
     };
     chatMessages.appendChild(backButton);
 }
+
+// Add event listener for Enter key
+document.getElementById('userInput').addEventListener('keypress', function(e) {
+    if (e.key === 'Enter') {
+        sendMessage();
+    }
+});
+
+// Initial load check
+console.log('Script loaded successfully');