26 lines
674 B
HTML
26 lines
674 B
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head><meta charset="UTF-8"><title>WebSocket Example</title></head>
|
|
<body>
|
|
<input id="msg" type="text" placeholder="Enter message">
|
|
<button onclick="sendMessage()">Send</button>
|
|
<div id="log"></div>
|
|
|
|
<script>
|
|
const ws = new WebSocket("ws://localhost:3000/ws");
|
|
|
|
ws.onmessage = (event) => {
|
|
console.log(event);
|
|
const log = document.getElementById("log");
|
|
log.innerHTML += `<div>${event.data}</div>`;
|
|
};
|
|
|
|
function sendMessage() {
|
|
const msg = document.getElementById("msg").value;
|
|
ws.send(msg);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|