wip litle front end for chat

2022-11-22 17:46:55 +01:00
parent ada109416a
commit 6a119c0789
72 changed files with 17548 additions and 997 deletions
--- a/tests_hugo/chat_node/index.html
+++ b/tests_hugo/chat_node/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	</head>
+
+	<body>
+		<script src="/socket.io/socket.io.js"></script>
+		<script>
+
+			let socket = io();
+
+			let send = function () {
+				let text = document.getElementById('message').value;
+				socket.emit('chat_message', text);
+			}
+
+			let receive = function (msg) {
+				let li = document.createElement('li');
+				li.innerText = msg;
+				document.getElementById('messages').appendChild(li);
+			}
+			socket.on('chat_message', receive);
+
+		</script>
+
+		<div>
+			<ul id="messages"></ul>
+			<input id="message" type="text"/>
+			<button onclick="send()">send</button>
+		</div>
+	</body>
+</html>