-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
69 lines (61 loc) · 2.48 KB
/
main.js
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
function getWebSocketServer() {
if (window.location.host === "j-mshaw.github.io") {
return "wss://jshaw-ws-test.herokuapp.com/";
} else if (window.location.host === "localhost:8000") {
return "ws://localhost:8001/";
} else {
throw new Error(`Unsupported host: ${window.location.host}`);
}
}
function setup(){
var chat_area = document.getElementById("chat-area")
var socket = new WebSocket(getWebSocketServer())
socket.addEventListener("message", (event)=>{
let message_from_server = JSON.parse(event.data)
console.log(message_from_server)
switch(message_from_server.type){
case "recv_msg":
var new_node = document.createElement("p")
new_node.innerText = message_from_server.content
chat_area.appendChild(new_node)
break
case "join_resp":
alert(message_from_server.content)
break
case "create_resp":
alert(message_from_server.content)
break
}
});
var send_button = document.getElementById("send")
var text_input_area = document.getElementById("message")
send_button.onclick = () => {
socket.send(JSON.stringify({"type":"send_msg","content":text_input_area.value}))
text_input_area.value = ""
}
var join_button = document.getElementById("join")
join_button.onclick = () => {
var name_field = document.getElementById("name_input")
var password_field = document.getElementById("password_input")
var password = password_field.value
var name = name_field.value
name_field.value = ""
password_field.value = ""
//TODO: Plaintext passwords is a huge nono, but this project is about sockets, not security
socket.send(JSON.stringify({"type": "join_req", "name":name, "password":password}))
}
var create_button = document.getElementById("create")
create_button.onclick = () => {
var name_field = document.getElementById("name_input")
var password_field = document.getElementById("password_input")
var password = password_field.value
var name = name_field.value
name_field.value = ""
password_field.value = ""
socket.send(JSON.stringify({"type": "create_req", "name":name, "password":password}))
}
var leave_button = document.getElementById("leave")
leave_button.onclick = () => {
socket.send(JSON.stringify({"type": "leave_req"}))
}
}