receive prompt complete

public/admin.html

@@ -8,7 +8,9 @@
         <h1>Admin Page</h1>
         <dl>
             <dt>Num Users</dt>
-            <dd></dd>
+            <dd id="num-users"></dd>
+            <dt>Current Complete</dt>
+            <dd id="current-complete"></dd>
         </dl>
         <form>
             <input type="text" placeholder="prompt" />

public/js/admin.js

@@ -1,6 +1,10 @@
 const socket = io.connect('/');
 socket.on('users connected', function (data) {
-    document.querySelector('dd').innerHTML = data;
+    document.querySelector('#num-users').innerHTML = data;
+});
+
+socket.on('prompt completed', function (data) {
+    document.querySelector('#current-complete').innerHTML = data;
 });
 
 document.querySelector('form').addEventListener('submit', (event)=>{

public/js/index.js

@@ -6,4 +6,5 @@ socket.on('prompt sent', function (data) {
 });
 button.addEventListener('click', (event)=>{
     button.setAttribute("disabled",true);
+    socket.emit('prompt completed');
 });

server.js

@@ -7,6 +7,7 @@ const socketserver = require('socket.io')(http);
 app.use(express.static('public'));
 
 let connectedUsers = 0;
+let currentComplete = 0;
 socketserver.on('connection', (socket)=>{
     connectedUsers++;
     socketserver.emit('users connected', connectedUsers);
@@ -16,7 +17,11 @@ socketserver.on('connection', (socket)=>{
     });
     socket.on('prompt sent', (data)=>{
         socketserver.emit('prompt sent', data);
-    })
+    });
+    socket.on('prompt completed', ()=>{
+        currentComplete++;
+        socketserver.emit('prompt completed', currentComplete);
+    });
 });
 
 http.listen(PORT);