Make WebSocket able to manage arbitrary feedback to end-user

While previous implementation was able to send two independent messages, now we can send an arbitrary amount of independent messages.

website/index.php

@@ -9,11 +9,28 @@
 
 See <?php echoUrl('https://gitea.lemnoslife.com/Benjamin_Loison/YouTube_captions_search_engine'); ?> for more information.<br/>
 
-<input type="text" pattern="[A-Za-z0-9]+" placeholder="Your alphanumeric search"></input>
-<button>Search</button>
+<form id="form">
+    <input type="text" autofocus id="search" pattern="[A-Za-z0-9-_ ]+" placeholder="Your alphanumeric search"></input>
+    <input type="submit" value="Search">
+</form>
 
 <script>
-    var conn = new WebSocket('wss://crawler.yt.lemnoslife.com:443/websocket');
-    conn.onmessage = function(e) { console.log(e.data); };
-    conn.onopen = function(e) { conn.send('Hello Me!'); };
+    var firstRun = true;
+    var conn;
+
+    function search(event) {
+        event.preventDefault();
+        const query = document.getElementById('search').value;
+        if (firstRun) {
+            firstRun = false;
+            conn = new WebSocket('wss://crawler.yt.lemnoslife.com/websocket');
+            conn.onmessage = function(e) { console.log(e.data); };
+            conn.onopen = function(e) { conn.send(query); };
+        } else {
+            conn.send(query);
+        }
+    }
+
+    var form = document.getElementById('form');
+    form.addEventListener('submit', search);
 </script>