Updated with text input field.

This commit is contained in:
2018-08-12 17:29:59 +02:00
parent 5ed1c6ebdf
commit 50c73ea203

View File

@@ -4,13 +4,18 @@
<title>WebSocket demo</title> <title>WebSocket demo</title>
</head> </head>
<body> <body>
<input placeholder="Your name here"></input>
<button onclick="sendMessage()">Send message</button>
<br />
<span>Message from server: </span> <span>Message from server: </span>
<span id="response"></span>
<script> <script>
function sendMessage() {
let ws = new WebSocket("ws://localhost:8765/") let ws = new WebSocket("ws://localhost:8765/")
let test = 'hello' let test = 'hello'
ws.onopen = function (event) { ws.onopen = function (event) {
ws.send("Kevin"); ws.send(document.getElementsByTagName('input')[0].value);
} }
ws.onerror = function() { ws.onerror = function() {
console.error("error"); console.error("error");
@@ -20,8 +25,9 @@
} }
ws.onmessage = function (event) { ws.onmessage = function (event) {
let server_resp = event.data; let server_resp = event.data;
document.getElementsByTagName('span')[0].innerHTML += server_resp; document.getElementById('response').textContent= server_resp;
} }
}
</script> </script>
<script> <script>
let ws_time = new WebSocket("ws://localhost:5678/"), let ws_time = new WebSocket("ws://localhost:5678/"),