max_ag/multiplayer-game
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

messages working

Browse source
This commit is contained in:
maxstrb 2025-11-06 11:18:38 +01:00
parent 1893eb0599
commit 01e9b47bc7
6 changed files with 165 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

20
public/index.html
View file

@ -4,17 +4,7 @@
<link rel="stylesheet" href="/public/index.css">
<meta charset="UTF-8"/>
<title>Hello World!</title>
<script>
const socket = new WebSocket("ws://localhost:8080/websocket");
socket.addEventListener("open", (event) => {
socket.send("Hello Server!");
});
socket.addEventListener("message", (event) => {
console.log("Message from server ", event.data);
});
</script>
<script src="./index.js"></script>
</head>
<body>
@ -27,6 +17,14 @@
<main>
<form onsubmit="myFunction()">
<label for="fname">Message:</label>
<input type="text" id="fname" name="fname" id="inp"><br>
<input type="submit" value="Submit">
</form>
<ul id="messages"></ul>
</main>
</body>
</html>

12
public/index.js Normal file
View file

@ -0,0 +1,12 @@
const socket = new WebSocket("ws://localhost:8080/websocket");
socket.addEventListener("message", (event) => {
let messages = document.getElementById("messages");
messages.appendChild(`<li>${event.data}</li>`)
});
function myFunction() {
socket.send(document.getElementById("inp").value);
return false;
}