Update script.js

script.js

@@ -58,49 +58,49 @@ document.addEventListener('DOMContentLoaded', function() {
 
 // Check if the browser supports the Web Speech API
 if (!('webkitSpeechRecognition' in window)) {
-    alert("Your browser doesn't support speech recognition. Please use Google Chrome.");
+  alert("Your browser doesn't support speech recognition. Please use Google Chrome.");
 } else {
-    // Initialize speech recognition
-    const recognition = new webkitSpeechRecognition();
-    recognition.continuous = false;
-    recognition.interimResults = false;
-    recognition.lang = 'en-IN'; // Default language (can be 'hi-IN' for Hindi)
-
-    const micButton = document.getElementById('micButton'); // Microphone icon
-    const userInput = document.getElementById('userInput'); // Text input field
-    const chatBody = document.getElementById('chatBody'); // Chat history container
-
-    // Voice Input Button Click Event
-    micButton.addEventListener('click', () => {
-        if (micButton.classList.contains('active')) {
-            recognition.stop(); // Stop if already active
-        } else {
-            recognition.start(); // Start listening
-        }
-    });
-
-    // When speech recognition starts
-    recognition.onstart = () => {
-        micButton.classList.add('active'); // Change mic color to green
-    };
-
-    // When speech recognition ends
-    recognition.onend = () => {
-        micButton.classList.remove('active'); // Reset mic color to red
-    };
-
-    // When speech recognition result is detected
-    recognition.onresult = (event) => {
-        const transcript = event.results[0][0].transcript;
-        userInput.value = transcript; // Fill the input with transcribed text
-        sendMessage(); // Call sendMessage after getting the input
-    };
-
-    // Handle errors during speech recognition
-    recognition.onerror = (event) => {
-        alert('Speech recognition error: ' + event.error);
-        micButton.classList.remove('active'); // Reset mic color to red if error occurs
-    };
+  // Initialize speech recognition
+  const recognition = new webkitSpeechRecognition();
+  recognition.continuous = false;
+  recognition.interimResults = false;
+  recognition.lang = 'en-IN'; // Default language (can be 'hi-IN' for Hindi)
+
+  const micButton = document.getElementById('micButton'); // Microphone icon
+  const userInput = document.getElementById('userInput'); // Text input field
+  const chatBody = document.getElementById('chatBody'); // Chat history container
+
+  // Voice Input Button Click Event
+  micButton.addEventListener('click', () => {
+      if (micButton.classList.contains('active')) {
+          recognition.stop(); // Stop if already active
+      } else {
+          recognition.start(); // Start listening
+      }
+  });
+
+  // When speech recognition starts
+  recognition.onstart = () => {
+      micButton.classList.add('active'); // Change mic color to green
+  };
+
+  // When speech recognition ends
+  recognition.onend = () => {
+      micButton.classList.remove('active'); // Reset mic color to red
+  };
+
+  // When speech recognition result is detected
+  recognition.onresult = (event) => {
+      const transcript = event.results[0][0].transcript;
+      userInput.value = transcript; // Fill the input with transcribed text
+      sendMessage(); // Call sendMessage after getting the input
+  };
+
+  // Handle errors during speech recognition
+  recognition.onerror = (event) => {
+      alert('Speech recognition error: ' + event.error);
+      micButton.classList.remove('active'); // Reset mic color to red if error occurs
+  };
 }
 
 // Add an event listener to the input field to detect the Enter key
@@ -116,41 +116,41 @@ userInput.addEventListener('keydown', function(event) {
 
 
 function toggleHistory() {
-    const historyPanel = document.querySelector('.history-panel');
-    const chatHistoryText = document.querySelector('.chat-history-text');
-    
-    // Toggle the width of the history panel
-    if (historyPanel.style.width === '0px') {
-        historyPanel.style.width = '250px'; // Open the panel
-        chatHistoryText.style.display = 'block'; // Show "Chat History" text
-    } else {
-        historyPanel.style.width = '0px'; // Close the panel
-        chatHistoryText.style.display = 'none'; // Hide "Chat History" text
-    }
+  const historyPanel = document.querySelector('.history-panel');
+  const chatHistoryText = document.querySelector('.chat-history-text');
+  
+  // Toggle the width of the history panel
+  if (historyPanel.style.width === '0px') {
+      historyPanel.style.width = '250px'; // Open the panel
+      chatHistoryText.style.display = 'block'; // Show "Chat History" text
+  } else {
+      historyPanel.style.width = '0px'; // Close the panel
+      chatHistoryText.style.display = 'none'; // Hide "Chat History" text
+  }
 }
 
 
 function toggleMenu() {
-    const menu = document.querySelector('.three-dot-menu .menu-options');
-    menu.classList.toggle('active');
+  const menu = document.querySelector('.three-dot-menu .menu-options');
+  menu.classList.toggle('active');
 }
 
 function startNewChat() {
-    // Select the chat body element
-    const chatBody = document.getElementById('chatBody');
+  // Select the chat body element
+  const chatBody = document.getElementById('chatBody');
 
-    // Remove all chat messages
-    chatBody.innerHTML = ''; // This clears all existing messages
+  // Remove all chat messages
+  chatBody.innerHTML = ''; // This clears all existing messages
 
-    // Optionally, add the default welcome message again
-    const welcomeMessage = document.createElement('div');
-    welcomeMessage.classList.add('bot-message');
-    welcomeMessage.textContent = "Hello! How can I assist you today?";
+  // Optionally, add the default welcome message again
+  const welcomeMessage = document.createElement('div');
+  welcomeMessage.classList.add('bot-message');
+  welcomeMessage.textContent = "Hello! How can I assist you today?";
 
-    chatBody.appendChild(welcomeMessage);
+  chatBody.appendChild(welcomeMessage);
 
-    // Scroll to the top after resetting chat
-    chatBody.scrollTop = chatBody.scrollHeight;
+  // Scroll to the top after resetting chat
+  chatBody.scrollTop = chatBody.scrollHeight;
 }