<!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>