summaryrefslogtreecommitdiff
path: root/Year_3/Web/chat-socket-io/assets/chat.js
blob: 2dfdd62b1ca360093da89d3e4a7617880c4bd0ad (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
var form = document.getElementById("form");
var input = document.getElementById("input");
const messages = document.getElementById("messages");

form.addEventListener("submit", function(e) {
    e.preventDefault();
    let value = input.value;
    if (value) {
        if (value[0] == "/") {
            let command = value.split(" ");
            if (command.length == 2 && command[0] == "/user") {
                socket.emit("set user", command[1]);
            } else {
                socket.emit("handle error", "Command not found");
            }
        } else {
            socket.emit("chat message", 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);
});

socket.on("handle error", (msg) => {
    alert(msg);
});

socket.on("set user", (username) => {
    const userBox = document.getElementById("userBox");
    userBox.innerHTML = username;
    alert("Username changed");
});