Submit chat messages on return key press (#34)

joelostblom · Sep 13, 2024 · a5858e9 · a5858e9
1 parent 278bd99
commit a5858e9
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/textbook/chat.js b/textbook/chat.js
@@ -76,7 +76,7 @@ export function createChatInterface({
 
   chatDisplay.innerHTML += createChatMessageHTML(firstMessage, true);
 
-  submitButton.onclick = async () => {
+  async function handleSubmit() {
     const prompt = userInput.value;
     if (prompt.trim() === '') return;
     messageCount++;
@@ -90,7 +90,10 @@ export function createChatInterface({
       chatDisplay.innerHTML += createChatMessageHTML("Error: " + error.message, true);
     }
     chatDisplay.scrollTop = chatDisplay.scrollHeight;
-  };
+  }
+
+  submitButton.onclick = handleSubmit;
+  userInput.addEventListener('keypress', e => e.key === 'Enter' && !e.shiftKey && (e.preventDefault(), handleSubmit()));
 
   chatDisplay.scrollTop = chatDisplay.scrollHeight;
   return container;