From 30d135b352dc271966470ed720b52c7e4ab7570b Mon Sep 17 00:00:00 2001 From: Samuel Breznjak Date: Fri, 24 Jan 2025 12:49:33 +0100 Subject: added js for code blocks --- src/main.js | 28 +++++++++++++++++++++++++++- 1 file changed, 27 insertions(+), 1 deletion(-) diff --git a/src/main.js b/src/main.js index b2b3b14..3ca7d30 100644 --- a/src/main.js +++ b/src/main.js @@ -1 +1,27 @@ -import "./cs16.css"; +document.querySelectorAll(".toggle-vision").forEach((button) => { + button.addEventListener("click", function () { + const codeBlock = this.closest(".code-block").querySelector(".inner"); + codeBlock.classList.toggle("hidden"); + this.textContent = codeBlock.classList.contains("hidden") + ? "Show code" + : "Hide code"; + }); +}); + +document.querySelectorAll(".inner .cs-btn").forEach((button) => { + button.addEventListener("click", function () { + const codeElement = this.closest(".inner").querySelector("code"); + const codeToCopy = codeElement.textContent; + navigator.clipboard + .writeText(codeToCopy) + .then(() => { + this.textContent = "Copied!"; + setTimeout(() => { + this.textContent = "Copy"; + }, 2000); + }) + .catch((err) => { + console.error("Failed to copy code: ", err); + }); + }); +}); -- cgit v1.2.3