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

websocket and showable messages working

Browse source
This commit is contained in:
maxstrb 2025-11-06 11:47:06 +01:00
parent 01e9b47bc7
commit 27513863cf
5 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
public/index.css
View file

@ -10,6 +10,10 @@ html {
height: 100%;
}
li {
color: #fff;
}
body {
display: flex;
flex-direction: row;

6
public/index.html
View file

@ -4,7 +4,7 @@
<link rel="stylesheet" href="/public/index.css">
<meta charset="UTF-8"/>
<title>Hello World!</title>
<script src="./index.js"></script>
<script src="/public/index.js"></script>
</head>
<body>
@ -17,9 +17,9 @@
<main>
<form onsubmit="myFunction()">
<form onsubmit="myFunction(); return false;">
<label for="fname">Message:</label>
<input type="text" id="fname" name="fname" id="inp"><br>
<input type="text" id="inp" name="fname"><br>
<input type="submit" value="Submit">
</form>

4
public/index.js
View file

@ -2,7 +2,9 @@ const socket = new WebSocket("ws://localhost:8080/websocket");
socket.addEventListener("message", (event) => {
let messages = document.getElementById("messages");
messages.appendChild(`<li>${event.data}</li>`)
let item = document.createElement("li");
item.innerHTML = event.data;
messages.appendChild(item);
});
function myFunction() {