Update templates/index.html

templates/index.html

@@ -139,9 +139,6 @@
 
     <script>
         let recognition;
-        let emailCaptured = "";
-        let mobileCaptured = "";
-
         if ('webkitSpeechRecognition' in window) {
             recognition = new webkitSpeechRecognition();
             recognition.continuous = false;
@@ -186,11 +183,6 @@
             speak("Please say your name to begin registration.", startListeningForName);
         }
 
-        let nameCaptured, emailCaptured, mobileCaptured;
-        let nameField = document.getElementById('name');
-        let emailField = document.getElementById('email');
-        let mobileField = document.getElementById('mobile');
-
         function startListeningForLogin() {
             recognition.start();
             recognition.onresult = function(event) {
@@ -239,15 +231,16 @@
         function startListeningForName() {
             recognition.start();
             recognition.onresult = function(event) {
-                nameCaptured = event.results[0][0].transcript.trim();
-                nameField.value = nameCaptured;
+                let nameCaptured = event.results[0][0].transcript.trim();
+                document.getElementById('name').value = nameCaptured;
                 recognition.stop();
                 setTimeout(confirmName, 500);
             };
         }
 
         function confirmName() {
-            speak("You said " + nameCaptured + ". Is it okay?", function() {
+            let name = document.getElementById('name').value;
+            speak(`You said ${name}. Is it correct?`, function() {
                 recognition.start();
                 recognition.onresult = function(event) {
                     let confirmation = event.results[0][0].transcript.trim().toLowerCase();
@@ -264,8 +257,8 @@
         function startListeningForEmail() {
             recognition.start();
             recognition.onresult = function(event) {
-                emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
-                emailField.value = emailCaptured;
+                let emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
+                document.getElementById('email').value = emailCaptured;
                 recognition.stop();
                 speak("You said " + emailCaptured + ". Is it correct?", function() {
                     recognition.start();
@@ -285,8 +278,8 @@
         function startListeningForMobile() {
             recognition.start();
             recognition.onresult = function(event) {
-                mobileCaptured = event.results[0][0].transcript.trim().replace(/\s+/g, '');
-                mobileField.value = mobileCaptured;
+                let mobileCaptured = event.results[0][0].transcript.trim().replace(/\s+/g, '');
+                document.getElementById('mobile').value = mobileCaptured;
                 recognition.stop();
                 speak("You said " + mobileCaptured + ". Is it correct?", function() {
                     recognition.start();
@@ -306,9 +299,9 @@
         }
 
         function autoConfirm() {
-            document.getElementById('confirmName').textContent = nameField.value;
-            document.getElementById('confirmEmail').textContent = emailField.value;
-            document.getElementById('confirmPhone').textContent = mobileField.value;
+            document.getElementById('confirmName').textContent = document.getElementById('name').value;
+            document.getElementById('confirmEmail').textContent = document.getElementById('email').value;
+            document.getElementById('confirmPhone').textContent = document.getElementById('mobile').value;
             document.getElementById('confirmation').style.display = 'block';
         }