Initial commit

2025-02-18 21:32:40 -05:00 · 2025-02-18 21:32:40 -05:00 · 71a0e9729a
commit 71a0e9729a
3 changed files with 182 additions and 0 deletions
--- a/example.html
+++ b/example.html
@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title>bweep bwoop</title>
+	</head>
+	<body>
+		<!-- this will work fine with noscript -->
+		<form action="http://localhost:4567/send" method="post">
+			<p><input type="text" name="title" /></p>
+			<p><textarea name="content"></textarea></p>
+			<p><input type="color" name="color" /></p>
+			<p><button type="submit">Send</button></p>
+		</form>
+		<!-- look at that progressive enhancement -->
+		<script>
+			document.querySelector('form').addEventListener('submit', (e) => {
+				e.preventDefault();
+				fetch(`http://localhost:4567/send`, {
+					method: 'POST',
+					headers: {
+						'Content-Type': 'application/json',
+						'Accept': 'application/json',
+					},
+					body: JSON.stringify(Object.fromEntries(new FormData(e.target).entries())),
+				}).then(response => {
+					if (!response.ok) {
+						alert(`failed to send: ${error}`);
+					}
+					alert('sent!');
+					e.target.reset();
+				}).catch(error => {
+					alert('either your network died or you have a CORS issue, check the network log');
+				});
+			});
+		</script>
+	</body>
+</html>