diff options
added js for code blocks
-rw-r--r-- | src/main.js | 28 |
1 files changed, 27 insertions, 1 deletions
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); + }); + }); +}); |