-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
40 lines (40 loc) · 1.22 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head></head>
<title>
Buzzy
</title>
<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io();
function setUser(){
socket.emit('setUser', document.getElementById('name').value);
};
var user;
socket.on('useralready', function(data){
document.getElementById('error-container').innerHTML = data;
});
socket.on('saveuser', function(data){
user = data.username;
document.body.innerHTML = '<input type="text" id="message">\
<button type="button" name="button" onclick="sendmessage()">Send</button>\
<div id="message-container"></div>';
});
function sendmessage(){
var msg = document.getElementById('message').value;
if (msg){
socket.emit('msg', {message: msg , user: user});
}
}
socket.on('newmsg', function(data){
if(user){
document.getElementById('message-container').innerHTML += '<div><b>' + data.user + '</b>: ' + data.message + '</div>'
}
});
</script>
<body>
<div id="error-container"></div>
<input id="name" type="text" name="name" value="" placeholder="Enter your name!">
<button type="button" name="button" onclick="setUser()">Enter you name</button>
</body>
</html>