Add listerner

index.html

@@ -14,7 +14,7 @@
   <div class="chat-container">
     <div class="chat-box" id="chat-box"></div>
     <input type="text" id="user-input" placeholder="Type your message...">
-    <button id="send-btn" onclick="sendMessage()">Send</button>
+    <button id="send-btn">Send</button>
   </div>
   
 </body>

index.js

@@ -2,6 +2,11 @@ import { pipeline } from 'https://cdn.jsdelivr.net/npm/@xenova/[email protected].
 
 const answerer = await pipeline('question-answering', 'Xenova/distilbert-base-uncased-distilled-squad');
 var chatBox = document.getElementById("chat-box");  
+const sendMessageButton = document.getElementById('send-btn');
+
+sendMessageButton.addEventListener('click', function (e) {
+  sendMessage()
+});
 
 
 // Function to handle sending message