diff options
| -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; |