Update templates/index.html

templates/index.html

@@ -48,21 +48,6 @@
             color: #ff6a00;
             font-weight: bold;
         }
-        .btn {
-            margin-top: 30px;
-            padding: 12px;
-            background-color: #ff6a00;
-            color: white;
-            font-size: 18px;
-            font-weight: bold;
-            border: none;
-            border-radius: 5px;
-            cursor: pointer;
-            transition: background-color 0.3s;
-        }
-        .btn:hover {
-            background-color: #ff5500;
-        }
         .status {
             font-size: 14px;
             color: gray;
@@ -111,13 +96,7 @@
             window.speechSynthesis.speak(speech);
         }
 
-        // Make sure to start listening as soon as the page loads
-        window.onload = function () {
-            welcomeMessage();  // Automatically say the welcome message
-            setTimeout(startListening, 5000);  // Start listening after the welcome message
-        };
-
-        // Function to start listening to voice input
+        // Function to handle starting the listening process after the welcome message
         function startListening() {
             const status = document.getElementById('status');
             const nameInput = document.getElementById('name');
@@ -129,7 +108,6 @@
             // Handle recognition results
             recognition.onresult = function(event) {
                 const transcript = event.results[event.resultIndex][0].transcript.trim();
-                console.log('Recognized Text:', transcript); // Debugging line
                 if (event.results[event.resultIndex].isFinal) {
                     if (!isNameCaptured) {
                         // If name is empty, fill it with the recognized text
@@ -154,6 +132,12 @@
                 status.textContent = 'Error recognizing speech. Please try again.';
             };
         }
+
+        // Make sure to start listening as soon as the page loads
+        window.onload = function () {
+            welcomeMessage();  // Automatically say the welcome message
+            setTimeout(startListening, 5000);  // Start listening after the welcome message
+        };
     </script>
 </body>
 </html>