From 175e80f17b6d59f45355b3f610568101e14e72b7 Mon Sep 17 00:00:00 2001
From: Hasenradball <mail@frankhaefele.de>
Date: Wed, 25 Feb 2026 22:22:58 +0100
Subject: [PATCH] Update webSocket.html (#978)

---
 tests/webSocket.html | 78 +++++++++++++++++++++++---------------------
 1 file changed, 40 insertions(+), 38 deletions(-)
diff --git a/tests/webSocket.html b/tests/webSocket.html
index 1dc4f6b..d58b8b9 100644
--- a/tests/webSocket.html
+++ b/tests/webSocket.html
@@ -1,49 +1,51 @@
-<html>
+<!DOCTYPE html>
+<html lang="de">
 <head>
-
+    <meta charset="UTF-8">
+	<link rel="icon" href="data:,">
+	<title>WebSocket LED Control</title>
 <script>
-var connection = new WebSocket('ws://10.11.2.1:81/', ['arduino']);
+	let connection = new WebSocket('ws://10.11.2.1:81/', ['arduino']);
 
-connection.onopen = function () {
-	connection.send('Message from Browser to ESP8266 yay its Working!! ' + new Date()); 
-	connection.send('ping');
-	
-/*	setInterval(function() {
-		connection.send('Time: ' + new Date()); 
-	}, 20);
-*/
-connection.send('Time: ' + new Date()); 
-};
-
-connection.onerror = function (error) {
-	console.log('WebSocket Error ', error);
-};
-
-connection.onmessage = function (e) {
-	console.log('Server: ', e.data);
+	connection.onopen = function () {
+		connection.send('Message from Browser to ESP8266 yay its Working!! ' + new Date()); 
+		connection.send('ping');
+		
+	/*	setInterval(function() {
+			connection.send('Time: ' + new Date()); 
+		}, 20);
+	*/
 	connection.send('Time: ' + new Date()); 
-};
+	};
 
-function sendRGB() {
-	var r = parseInt(document.getElementById('r').value).toString(16);
-	var g = parseInt(document.getElementById('g').value).toString(16);
-	var b = parseInt(document.getElementById('b').value).toString(16);
-	if(r.length < 2) { r = '0' + r; }
-	if(g.length < 2) { g = '0' + g; }
-	if(b.length < 2) { b = '0' + b; }
-	var rgb = '#'+r+g+b;
-	console.log('RGB: ' + rgb);
-	connection.send(rgb); 
-}
+	connection.onerror = function (error) {
+		console.log('WebSocket Error ', error);
+	};
 
+	connection.onmessage = function (e) {
+		console.log('Server: ', e.data);
+		connection.send('Time: ' + new Date()); 
+	};
+
+	function sendRGB() {
+		let r = parseInt(document.getElementById('r').value).toString(16);
+		let g = parseInt(document.getElementById('g').value).toString(16);
+		let b = parseInt(document.getElementById('b').value).toString(16);
+		if (r.length < 2) { r = '0' + r; }
+		if (g.length < 2) { g = '0' + g; }
+		if (b.length < 2) { b = '0' + b; }
+		let rgb = '#'+r+g+b;
+		console.log('RGB: ' + rgb);
+		connection.send(rgb); 
+	}
 </script>
 
 </head>
 <body>
-LED Control:<br/>
-<br/>
-R: <input id="r" type="range" min="0" max="255" step="1" onchange="sendRGB();" /><br/>
-G: <input id="g" type="range" min="0" max="255" step="1" onchange="sendRGB();" /><br/>
-B: <input id="b" type="range" min="0" max="255" step="1" onchange="sendRGB();" /><br/>
+<p>LED Control:</p><br/>
+
+<p>R: <input id="r" type="range" min="0" max="255" step="1" onchange="sendRGB();"></p>
+<p>G: <input id="g" type="range" min="0" max="255" step="1" onchange="sendRGB();"></p>
+<p>B: <input id="b" type="range" min="0" max="255" step="1" onchange="sendRGB();"></p>
 </body>
-</html>
\ No newline at end of file
+</html>
