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

Update index.html

master
diego_pcto 2025-06-13 16:57:50 +02:00
parent e6af6a5d38
commit ef667db1be
1 changed files with 32 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
index.html
View File

@ -1,15 +1,34 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html>
<head> <html lang="en"></html>
<meta charset="UTF-8"> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="UTF-8">
<script src="script.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Messaggi tra due utenti</title> <title>Messaggi</title>
</head> </head>
<body> <body>
<h1>Messaggi</h1> <h1>Progetto messaggi</h1>
<div id="testo"></div> <form action="" onsubmit="sendMessage(event)">
<input type="text" id="txt_messaggio"> <input type="text" id="messageText" autocomplete="off"/>
<button onclick="Invia()">Invia</button> <button>Invia</button>
</body> </form>
<ul id='messages'>
</ul>
<script>
var ws = new WebSocket("ws://localhost:8000/ws");
ws.onmessage = function(event) {
var messages = document.getElementById('messages')
var message = document.createElement('li')
var content = document.createTextNode(event.data)
message.appendChild(content)
messages.appendChild(message)
};
function sendMessage(event) {
var input = document.getElementById("messageText")
ws.send(input.value)
input.value = ''
event.preventDefault()
}
</script>
</body>
</html> </html>