34 lines
919 B
HTML
34 lines
919 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<script src="assets/htmx.min.js"></script>
|
|
<title>WebSocket Example</title>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Hello World</h1>
|
|
<div hx-get="/scripts" hx-swap="outerHTML" hx-trigger="load"></div>
|
|
<!-- <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 += `<p>${event.data}</p>`; -->
|
|
<!-- }; -->
|
|
<!---->
|
|
<!-- function sendMessage() { -->
|
|
<!-- const msg = document.getElementById("msg").value; -->
|
|
<!-- ws.send(msg); -->
|
|
<!-- } -->
|
|
<!-- </script> -->
|
|
</body>
|
|
|
|
</html>
|