| <!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> |
