|
<!DOCTYPE html> |
|
<html > |
|
<head> |
|
<meta charset="utf-8"> |
|
<title> |
|
Работа с сокетами на python |
|
</title> |
|
</head> |
|
<body> |
|
<div class="message"></div> |
|
<textarea placeholder="Для отправки нажмите Enter"></textarea> |
|
<script> |
|
var socket = new WebSocket("ws://dmtuit-web-soc-chat.hf.space:7860"); |
|
socket.onopen = function(){ |
|
|
|
document.querySelector("textarea").addEventListener('keyup', function(e){ |
|
if(e.keyCode === 13){ |
|
if(this.value.trim() === ""){ |
|
return false; |
|
} |
|
socket.send(this.value.trim()); |
|
this.value = ""; |
|
} |
|
|
|
}); |
|
|
|
}; |
|
socket.onerror = function(){ |
|
console.log('Ошибка при подключении'); |
|
}; |
|
|
|
var p = ""; |
|
socket.onmessage = function(e){ |
|
p = document.createElement("p"); |
|
p.innerHTML = e.data; |
|
document.querySelector(".message").appendChild(p); |
|
}; |
|
</script> |
|
</html> |
