Update index.html

index.html

@@ -109,14 +109,14 @@
     
     <div class="bg-gray-200 px-4 py-3 flex items-center" id="ic">
         <input id="user-input" type="text" autocomplete="off" placeholder="Type your message..." class="flex-1 py-2 px-2 rounded-lg focus:outline-none focus:ring focus:ring-cyan-400 bg-gray-200 text-gray-300">
-        <button onclick="sendMessage()" class="ml-4 bg-blue-600 text-white px-4 py-2 rounded-lg">Send</button>
+        <button onclick="sendMessage()" class="ml-4 bg-blue-600 text-white px-4 py-2 rounded-lg" id='btn'>Send</button>
     </div>
 
     
     <script src="https://cdn.socket.io/4.1.3/socket.io.min.js"></script>
 
     <script>
-        var socket = io.connect('https://fumes-api.onrender.com');
+        var socket = io.connect('https://apix-30ox.onrender.com');
         var messages = document.getElementById('chat-messages');
         let user = localStorage.getItem("userName")
         console.log(user)
@@ -138,6 +138,7 @@
     document.getElementById('userCount').innerText = `Online Users: ${onlineUsersCount}`    
 });
         function sendMessage() {
+          document.getElementById('btn').disabled = true
             var message = userInput.value;
             if(message.length>1200){
                 alert('messsage lenght exceeds 1200 chracters!!')
@@ -152,8 +153,10 @@
         }
         }
         userInput.addEventListener("keypress", function(event) {
-      if (event.keyCode === 13) { // 13 is the key code for Enter
-        sendMessage();
+      if (event.keyCode === 13) { 
+        if(!document.getElementById('btn').disabled){
+          sendMessage();
+        }
       }
     });
   
@@ -180,6 +183,7 @@ socket.on('response', function(data) {
     var currentMessage = messages.lastChild;
     if (data.response === 'complete') {
         currentMessage = null;
+      document.getElementById('btn').disabled = false
     } else {
         if (!currentMessage || !currentMessage.classList.contains('ai-response')) {
             currentMessage = document.createElement('p');