54 lines
2 KiB
JavaScript
54 lines
2 KiB
JavaScript
|
if (sessionStorage.getItem('serveraddr')==null){
|
||
|
|
let addr = prompt('server address (ws or wss): ')
|
||
|
|
const socket = new WebSocket(addr);
|
||
|
|
sessionStorage.setItem('serveraddr',addr)
|
||
|
|
}
|
||
|
|
else if (sessionStorage.getItem('serveraddr')!=null){
|
||
|
|
const socket = new WebSocket(sessionStorage.getItem('serveraddr'))
|
||
|
|
}
|
||
|
|
else{alert('error')}
|
||
|
|
socket.addEventListener('message', function (event) {
|
||
|
|
e=JSON.parse(event)
|
||
|
|
for(let i = 0; i < length(e); i++){
|
||
|
|
let m= e[i]
|
||
|
|
let d = document.createElement('div')
|
||
|
|
d.className = 'message'
|
||
|
|
let u = document.createElement('div')
|
||
|
|
u.innerText = m["username"]
|
||
|
|
u.className= 'messageusername'
|
||
|
|
let c = document.createElement('div')
|
||
|
|
c.innerText = m["content"]
|
||
|
|
c.className = 'messagecontent'
|
||
|
|
let h = document.createElement('div')
|
||
|
|
h.innerText= m['date']
|
||
|
|
h.className = 'messagedate'
|
||
|
|
d.appendChild(u)
|
||
|
|
d.appendChild(c)
|
||
|
|
d.appendChild(h)
|
||
|
|
document.getElementById('clientmessages').appendChild(d)
|
||
|
|
}
|
||
|
|
});
|
||
|
|
function sendtoserver(){
|
||
|
|
let user = sessionStorage.getItem('username')
|
||
|
|
if(user == null){alert('you have to be connected for send message, click on the "connect" button')}
|
||
|
|
else{
|
||
|
|
let message = document.getElementById('messageinput')
|
||
|
|
let today = new Date();
|
||
|
|
let date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
|
||
|
|
let time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
|
||
|
|
let dateTime = date+' '+time;
|
||
|
|
let tosend={
|
||
|
|
'username': `${user}`,
|
||
|
|
'content':`${message}`,
|
||
|
|
'date': `${dateTime}`,
|
||
|
|
}
|
||
|
|
let strtosend = JSON.stringify(tosend)
|
||
|
|
socket.send(strtosend)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function toconnect(){
|
||
|
|
let usrname = prompt('your username: ')
|
||
|
|
sessionStorage.setItem('username',usrname)
|
||
|
|
}
|
||
|
|
document.getElementById('sendbutton').addEventListener('click',sendtoserver)
|
||
|
|
document.getElementById('connect').addEventListener('click',toconnect)
|