squash!

Source/Script/Index.ts

@@ -0,0 +1,24 @@
+function debounce(_Function, Delay) {
+	let Timer;
+
+	return function (...Argumnents) {
+		if (Timer) {
+			clearTimeout(Timer);
+		}
+		Timer = setTimeout(() => {
+			_Function.apply(this, Argumnents);
+			Timer = null;
+		}, Delay);
+	};
+}
+
+document
+  .querySelector<HTMLInputElement>("#mce-EMAIL")
+  ?.addEventListener(
+    "input",
+    debounce((Event) => {
+      /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(Event.target.value)
+        ? document.querySelector<HTMLFormElement>('[name="mc-embedded-subscribe-form"]')?.submit()
+        : null;
+    }, 7000)
+  );

Source/pages/index.astro

@@ -46,10 +46,10 @@ import "@Stylesheet/Page/Index.css";
 										value=""
 										aria-label="E-mail subscribe"
 									/>
+									<script>
+										import "@Script/Index.ts";
+									</script>
 								</div>
-								<button type="submit" name="subscribe">
-									Subscribe
-								</button>
 							</div>
 						</div>
 						<div