diff options
author | WlodekM <[email protected]> | 2024-07-02 16:05:45 +0300 |
---|---|---|
committer | WlodekM <[email protected]> | 2024-07-02 16:05:45 +0300 |
commit | 1a4ac8f8015ff22a9d0e19ad523a85d3c01a2139 (patch) | |
tree | 447fb9dc74ca2f6939e5253b0d2380c102b63b42 | |
parent | 8993bf85fa648dd2c3f6498b6954d23649605358 (diff) |
client update
-rw-r--r-- | client.html | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/client.html b/client.html index 87d95c3..db7a4d3 100644 --- a/client.html +++ b/client.html @@ -1,4 +1,5 @@ <div class="container"> + <div class="title">wsChat</div> <div class="logs"> </div> <div class="msg"> @@ -11,10 +12,12 @@ <script> const logs = document.querySelector(".logs"); const msgForm = document.querySelector("#msg"); - const ws = new WebSocket("ws://127.0.0.1:9933"); // CHANGE ME + const server = prompt("Enter server URL", "ws://127.0.0.1:9933") + const ws = new WebSocket(server); // CHANGE ME ws.onopen = openEv => { if(logs.innerText.length != 0) logs.innerText += "\n"; logs.innerText += `Connected to wsChat server at ${ws.url}`; + document.querySelector(".title").innerHTML += ` - ${new URL(ws.url).host}`; } ws.onmessage = msg => {; console.log(msg); @@ -54,6 +57,13 @@ flex-grow: 1; padding: 1em; } + .title { + border-bottom: 2px red solid; + padding: 1em; + font-size: larger; + font-weight: bold; + text-align: center; + } #msg { border-top: 2px red solid; padding: 1em; |