diego_pcto
/
ProgettoMessaggi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update index.html

master
leonardo_pcto 2025-06-16 12:47:46 +02:00
parent d46408294c
commit 80d3c3c5e6
1 changed files with 38 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
index.html
View File

@ -1,34 +1,40 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="it">
<html lang="en"></html> <head>
<head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Messaggi</title> <title>Progetto messaggi</title>
</head> </head>
<body> <body>
<h1>Progetto messaggi</h1> <h1>Messaggi</h1>
<form action="" onsubmit="sendMessage(event)"> <input type="text" id="txt_messaggi" placeholder="Scrivi un messaggio...">
<input type="text" id="messageText" autocomplete="off"/> <button onclick="inviaMessaggio()">Invia</button>
<button>Invia</button> <div id="messages"></div>
</form>
<ul id='messages'>
</ul>
<script> <script>
var ws = new WebSocket("ws://localhost:8000/ws");
ws.onmessage = function(event) { const socket = new WebSocket("ws://localhost:8000/ws");
var messages = document.getElementById('messages')
var message = document.createElement('li') function inviaMessaggio() {
var content = document.createTextNode(event.data) const message = document.getElementById("txt_messaggi").value;
message.appendChild(content) socket.send(message);
messages.appendChild(message) document.getElementById("txt_messaggi").value = '';
};
function sendMessage(event) {
var input = document.getElementById("messageText")
ws.send(input.value)
input.value = ''
event.preventDefault()
} }
socket.onmessage = function(event) {
const messagesDiv = document.getElementById("messages");
const messageElement = document.createElement("div");
messageElement.textContent = event.data;
messagesDiv.appendChild(messageElement);
};
socket.onerror = function(event) {
console.error("Errore WebSocket:", event);
};
socket.onclose = function(event) {
console.log("Connessione WebSocket chiusa", event);
};
</script> </script>
</body> </body>
</html> </html>