-
Notifications
You must be signed in to change notification settings - Fork 34
Expand file tree
/
Copy pathclient.js
More file actions
38 lines (28 loc) · 898 Bytes
/
Copy pathclient.js
File metadata and controls
38 lines (28 loc) · 898 Bytes
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
38
const socket = new WebSocket("ws://localhost:3000");
const span = document.querySelector("span");
const button = document.querySelector("button");
const input = document.querySelector("input");
socket.onopen = function () {
span.textContent = "ONLINE";
socket.onmessage = async function (msg) {
console.log(msg.data);
const data = await msg.data.text();
createMessageEl(data, ["message"]);
};
};
socket.onclose = function () {
span.textContent = "OFFLINE";
};
button.addEventListener("click", () => {
if (socket.readyState === socket.OPEN) {
socket.send(input.value);
createMessageEl(input.value, ["message", "my-message"]);
input.value = "";
}
});
function createMessageEl(content, className) {
const message = document.createElement("div");
message.classList.add(...className);
message.textContent = content;
document.body.append(message);
}