added selection for message receiver

ws-sse/index.html

@@ -12,12 +12,21 @@
     <p>UserID: <span id="userid"></span> <button id="copy-userid">Copy</button></p>
     
     <br>
-    <label>Receiver:</label>
+    <label for="message-receiver">Message receiver:</label>
+    <select name="message-receiver" id="message-receiver">
+        <option value="user">User</option>
+        <option value="room">Room</option>
+    </select>
+    <br><br>
+    <label for="cmd">Cmd:</label>
+    <input type="number" id="cmd" name="cmd" min="0" max="10000" >
+    <br><br>
+    <label for="receiver">Receiver:</label>
     <input id="receiver" type="text">
     <button id="btn-clear-rec">Clear</button>
     <br>
     <br>
-    <label>Chat msg:</label>
+    <label for="msg">Chat msg:</label>
     <input id="msg" type="text">
     <button id="btn-send">Send</button>
     <button id="btn-clear">Clear</button>

ws-sse/script.js

@@ -27,9 +27,17 @@ window.onload = () => {
 
     const msg = document.getElementById("msg")
     const receiver = document.getElementById("receiver")
+    const messageReceiver = document.getElementById("message-receiver")
+    const cmd = document.getElementById("cmd")
+
+    cmd.value = 2
 
     document.getElementById("btn-send").onclick = function() {
-        const chatMsg = {cmd: 2, rec: receiver.value, body: {msg: {"id": "1293", "body": msg.value}}}
+        const chatMsg = {cmd: parseInt(cmd.value), body: {test: msg.value}}
+
+        messageReceiver.value == "user" ? chatMsg.rec_user = receiver.value : chatMsg.rec_room = receiver.value
+        
+        console.log("messageReceiver", messageReceiver.value)
 
         ws.send(JSON.stringify(chatMsg))
 
@@ -46,9 +54,10 @@ window.onload = () => {
     }
 
     document.getElementById("btn-clear-rec").onclick = () => {
-        document.getElementById("receiver").value = ""
+        receiver.value = ""
     }
 
+    
     document.getElementById("change-ws").onclick = () => {
         wsPort === 3000 ? wsPort = 3001 : wsPort = 3000