rDrama/files/assets/js/chat.js
2022-03-22 02:56:41 +02:00

28 lines
No EOL
1,006 B
JavaScript

let socket=io()
function send() {
text = document.getElementById('input-text').value
socket.emit('speak', text);
document.getElementById('input-text').value = ''
}
socket.on('speak', function(json) {
console.log(json);
document.getElementsByClassName('desktop-avatar')[0].src = json['avatar']
document.getElementsByClassName('userlink')[0].href = '/@' + json['username']
document.getElementsByClassName('userlink')[0].innerHTML = json['username']
document.getElementsByClassName('userlink')[0].style.color = '#' + json['namecolor']
document.getElementsByClassName('chat-message')[0].innerHTML = json['text']
document.getElementById('chat-text').append(document.getElementsByClassName('chat-line')[0].cloneNode(true))
})
document.getElementById('input-text').addEventListener("keyup", function(event) {
if (event.key === 'Enter') {
event.preventDefault();
send()
}
})
socket.on('count', function(data){
document.getElementsByClassName('board-chat-count').innerHTML = data
})