Added typing stop event to clear the feedback

index.js

@@ -27,4 +27,9 @@ io.on('connection', (socket) => {
         socket.broadcast.emit('typing', data);
     });
 
+    // Handle typing-stop event
+    socket.on('typing-stop', function(data){
+        socket.broadcast.emit('typing-stop', data);
+    });
+
 });

public/chat.js

@@ -1,6 +1,9 @@
 // Make connection
 var socket = io.connect('http://localhost:4000');
 
+let timer,
+    timeoutVal = 1000; // time it takes to wait for user to stop typing in ms
+
 // Query DOM
 var message = document.getElementById('message'),
       handle = document.getElementById('handle'),
@@ -18,8 +21,17 @@ btn.addEventListener('click', function(){
 });
 
 message.addEventListener('keypress', function(){
+    window.clearTimeout(timer);
     socket.emit('typing', handle.value);
-})
+});
+
+message.addEventListener('keyup', function(){
+    window.clearTimeout(timer); // prevent errant multiple timeouts from being generated
+    timer = window.setTimeout(() => {
+        socket.emit('typing-stop', handle.value);
+    }, timeoutVal);
+
+});
 
 // Listen for events
 socket.on('chat', function(data){
@@ -30,3 +42,7 @@ socket.on('chat', function(data){
 socket.on('typing', function(data){
     feedback.innerHTML = '<p><em>' + data + ' is typing a message...</em></p>';
 });
+
+socket.on('typing-stop', function(data){
+    feedback.innerHTML = '';
+});