40 lines
1.2 KiB
HTML
40 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="it">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Progetto messaggi</title>
|
|
</head>
|
|
<body>
|
|
<h1>Messaggi</h1>
|
|
<input type="text" id="txt_messaggi" placeholder="Scrivi un messaggio...">
|
|
<button onclick="inviaMessaggio()">Invia</button>
|
|
<div id="messages"></div>
|
|
|
|
<script>
|
|
|
|
const socket = new WebSocket("ws://localhost:8000/ws");
|
|
|
|
function inviaMessaggio() {
|
|
const message = document.getElementById("txt_messaggi").value;
|
|
socket.send(message);
|
|
document.getElementById("txt_messaggi").value = '';
|
|
}
|
|
|
|
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>
|
|
</body>
|
|
</html> |