Chat example

1 files changed, 16 insertions, 0 deletions

diff --git a/Year_3/Web/chat-socket-io/chat.js b/Year_3/Web/chat-socket-io/chat.js
new file mode 100644
index 0000000..8aa1b4d
--- /dev/null
+++ b/Year_3/Web/chat-socket-io/chat.js
@@ -0,0 +1,16 @@
+var form = document.getElementById("form");
+var input = document.getElementById("input");
+
+form.addEventListener("submit", function(e) {
+    e.preventDefault();
+    if (input.value) {
+        socket.emit("chat message", input.value);
+        input.value = "";
+    }
+});
+socket.on("chat message", (msg) => {
+    var item = document.createElement("li");
+    item.textContent = msg;
+    messages.appendChild(item);
+    window.scrollTo(0, document.body.scrollHeight);
+});