From 1fcb473c5f353d6591df3d6ab2a6e73fe0cb4bea Mon Sep 17 00:00:00 2001
From: ari melody <ari@arimelody.me>
Date: Sun, 7 Apr 2024 00:29:51 +0100
Subject: [PATCH] fixed friendly button

---
 public/index.html | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/public/index.html b/public/index.html
index a7e65db..26d006e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -40,17 +40,22 @@
                         </p>
                         <button id="friendly-button">friendly button</button>
                         <script>
-                                const button = document.getElementById("friendly-button");
-                                let clicks = 0;
-                                let saved_clicks = window.localStorage.getItem("friendly-button-clicks");
-                                if (saved_clicks) {
-                                        clicks = saved_clicks;
-                                        button.innerText = `clicked ${clicks} times!`;
+                                function hook_button() {
+                                        const button = document.getElementById("friendly-button");
+                                        if (!button) return;
+                                        let clicks = 0;
+                                        let saved_clicks = window.localStorage.getItem("friendly-button-clicks");
+                                        if (saved_clicks) {
+                                                clicks = saved_clicks;
+                                                button.innerText = `clicked ${clicks} times!`;
+                                        }
+                                        button.addEventListener("click", () => {
+                                                button.innerText = `clicked ${++clicks} times!`;
+                                                window.localStorage.setItem("friendly-button-clicks", clicks);
+                                        });
                                 }
-                                button.addEventListener("click", () => {
-                                        button.innerText = `clicked ${++clicks} times!`;
-                                        window.localStorage.setItem("friendly-button-clicks", clicks);
-                                });
+                                document.addEventListener("ready", hook_button);
+                                document.addEventListener("htmx:load", hook_button);
                         </script>
                 </main>
                 <footer>