diff --git a/public/js/viewer.js b/public/js/viewer.js
new file mode 100644
index 0000000..5988093
--- /dev/null
+++ b/public/js/viewer.js
@@ -0,0 +1,17 @@
+window.addEventListener('load', () => {
+  let pushedbox = document.getElementById('pushedteam');
+  let form = document.getElementById('form');
+  let ws = new WebSocket('ws://' + window.location.host + '/websocket');
+
+  ws.onopen = () => console.log('connection opened');
+  ws.onclose = () => console.log('connection closed');
+  ws.onmessage = m => {
+    if (m.data=="Delete!") {
+      while (pushedbox.firstChild) pushedbox.removeChild(pushedbox.firstChild);
+    } else {
+      let li = document.createElement('li');
+      li.textContent = m.data;
+      pushedbox.append(li);
+    };
+  };
+});