completed challenge 20

rohitkrai03 · rohitkrai03 · commit 6c456e94ab4f · 2017-06-27T23:46:50.000+05:30
diff --git a/20 - Speech Detection/index.html b/20 - Speech Detection/index.html
@@ -6,12 +6,38 @@
 </head>
 <body>
 
+  
   <div class="words" contenteditable>
   </div>
 
 <script>
   window.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
 
+  const recognition = new SpeechRecognition();
+  recognition.interimResults = true;
+
+  let p = document.createElement('p');
+  const words = document.querySelector('.words');
+  words.appendChild(p);
+
+  recognition.addEventListener('result', e => {
+    const transcript = Array.from(e.results)
+      .map(result => result[0])
+      .map(result => result.transcript)
+      .join('');
+
+    p.textContent = transcript;
+    if (e.results[0].isFinal) {
+      p = document.createElement('p');
+      words.appendChild(p);
+    }
+    console.log(transcript);
+
+  });
+
+  recognition.addEventListener('end', recognition.start);
+  recognition.start();
+
 
 </script>
 
