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

70
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>Progetto messaggi</title>
<title>Messaggi</title> </head>
</head> <body>
<body> <h1>Messaggi</h1>
<h1>Progetto messaggi</h1> <input type="text" id="txt_messaggi" placeholder="Scrivi un messaggio...">
<form action="" onsubmit="sendMessage(event)"> <button onclick="inviaMessaggio()">Invia</button>
<input type="text" id="messageText" autocomplete="off"/> <div id="messages"></div>
<button>Invia</button>
</form> <script>
<ul id='messages'>
</ul> const socket = new WebSocket("ws://localhost:8000/ws");
<script>
var ws = new WebSocket("ws://localhost:8000/ws"); function inviaMessaggio() {
ws.onmessage = function(event) { const message = document.getElementById("txt_messaggi").value;
var messages = document.getElementById('messages') socket.send(message);
var message = document.createElement('li') document.getElementById("txt_messaggi").value = '';
var content = document.createTextNode(event.data) }
message.appendChild(content)
messages.appendChild(message) socket.onmessage = function(event) {
}; const messagesDiv = document.getElementById("messages");
function sendMessage(event) { const messageElement = document.createElement("div");
var input = document.getElementById("messageText") messageElement.textContent = event.data;
ws.send(input.value) messagesDiv.appendChild(messageElement);
input.value = '' };
event.preventDefault()
} socket.onerror = function(event) {
</script> console.error("Errore WebSocket:", event);
</body> };
socket.onclose = function(event) {
console.log("Connessione WebSocket chiusa", event);
};
</script>
</body>
</html> </html>