Fix: clipboard button not working

Resolved issue with non-functional clipboard button on homepage. Signed-off-by: Anoop Kumar <[email protected]>
AsahiLinux · Dec 31, 2023 · e4579ed · e4579ed
1 parent f2f936d
commit e4579ed
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 13 deletions.
diff --git a/content/fedora.md b/content/fedora.md
@@ -242,18 +242,5 @@ document.addEventListener("DOMContentLoaded", function() {
             e.preventDefault();
         };
     });
-    var btn = document.getElementById("copy-button");
-    btn.onmouseover = function(e) {
-        btn.firstChild.classList.remove("fa-check");
-        btn.firstChild.classList.add("fa-clipboard");
-    }
-    btn.onclick = function(e) {
-        var text = document.getElementById("curl");
-        window.getSelection().selectAllChildren(text);
-        navigator.clipboard.writeText(text.textContent);
-        btn.firstChild.classList.add("fa-check");
-        btn.firstChild.classList.remove("fa-clipboard");
-        e.preventDefault();
-    };
 });
 </script>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -21,5 +21,21 @@
             </div>
         </div>
     </footer>
+    <!-- JavaScript code -->
+    <script>
+        var btn = document.getElementById("copy-button");
+        btn.onmouseover = function(e) {
+            btn.firstChild.classList.remove("fa-check");
+            btn.firstChild.classList.add("fa-clipboard");
+        }
+        btn.onclick = function(e) {
+            var text = document.getElementById("curl");
+            window.getSelection().selectAllChildren(text);
+            navigator.clipboard.writeText(text.textContent);
+            btn.firstChild.classList.add("fa-check");
+            btn.firstChild.classList.remove("fa-clipboard");
+            e.preventDefault();
+        };
+    </script>
 </body>
 </html>