copy-code-to-clipboard

let blocks = document.querySelectorAll("pre");
blocks.forEach((block) => {
  if (navigator.clipboard) {
    let button = document.createElement("button");
    button.innerText = "copy";
    button.className = "copy-to-clipboard";
    block.appendChild(button);
    button.addEventListener("click", async () => {
      await copyCode(block, button);
    });
  }
});
async function copyCode(block, button) {
  let code = block.querySelector("code");
  let text = code.innerText;
  await navigator.clipboard.writeText(text);
  button.innerText = "copied";
  setTimeout(() => {
    button.innerText = "copy";
  }, 700);
}