itsscb/BefehlsWerk
itsscb/BefehlsWerk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add htmx

Browse Source
This commit is contained in:
itsscb 2025-05-23 21:53:20 +02:00
parent e28e6073a2
commit 908d6bd67b
3 changed files with 34 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
assets/assets/htmx.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

33
assets/index.html Normal file
View File

@ -0,0 +1,33 @@
<!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>

25
index.html
View File

@ -1,25 +0,0 @@
<!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 += `<p>${event.data}</p>`;
};
function sendMessage() {
const msg = document.getElementById("msg").value;
ws.send(msg);
}
</script>
</body>
</html>