diff --git a/static/copy.js b/static/copy.js
index 889b8ff..4f090ec 100644
--- a/static/copy.js
+++ b/static/copy.js
@@ -1,17 +1,13 @@
-const button = document.getElementById("copy");
-button.classList.remove("hidden");
-button.onclick = () => {
-  if (!navigator.clipboard) {
-    button.innerText = "nicht unterstützt";
-    return;
+if (navigator.clipboard) {
+  const buttons = document.querySelectorAll("button[data-copy], a[data-copy]");
+  for (const button of buttons) {
+    button.classList.remove("hidden");
+    button.onclick = () => {
+      const target = document.querySelector(button.getAttribute("data-copy"));
+      navigator.clipboard.writeText(target.textContent).then(
+        (_) => (button.innerText = "kopiert!"),
+        (_) => (button.innerText = "nicht unterstützt")
+      );
+    };
   }
-  const content = document.getElementsByClassName("copy-content")[0];
-  navigator.clipboard.writeText(content.textContent).then(
-    (_) => {
-      button.innerText = "kopiert!";
-    },
-    (_) => {
-      button.innerText = "nicht unterstützt";
-    }
-  );
-};
+}
diff --git a/template/text-view.html b/template/text-view.html
index b644c65..8baba7f 100644
--- a/template/text-view.html
+++ b/template/text-view.html
@@ -9,12 +9,12 @@
   <body>
     <main>
       <h1><a href="/">datatrash</a></h1>
-      <textarea id="text" rows="20" cols="120" class="copy-content" readonly>
-{text}</textarea
-      >
+      <textarea id="text" rows="20" cols="120" readonly>{text}</textarea>
       <br />
       <a class="main button" href="?dl">herunterladen</a>
-      <button id="copy" class="button hidden">text kopieren</button>
+      <button id="copy" data-copy="#text" class="button hidden">
+        text kopieren
+      </button>
     </main>
     <footer>
       <a
diff --git a/template/upload.html b/template/upload.html
index 5cdea85..c9894dc 100644
--- a/template/upload.html
+++ b/template/upload.html
@@ -9,11 +9,10 @@
   <body>
     <main>
       <h1><a href="/">datatrash</a></h1>
-      <p>
-        datei-link:
-        <a id="link" class="copy-content" href="{url}">{url}</a>
-      </p>
-      <button id="copy" class="main button hidden">link kopieren</button>
+      <p>link: <a id="link" href="{url}">{url}</a></p>
+      <button id="copy" data-copy="#link" class="main button hidden">
+        link kopieren
+      </button>
     </main>
     <footer>
       <a
diff --git a/template/url-view.html b/template/url-view.html
index fcd4760..299ea99 100644
--- a/template/url-view.html
+++ b/template/url-view.html
@@ -10,7 +10,8 @@
     <main>
       <h1><a href="/">datatrash</a></h1>
       <a
-        class="large-link copy-content"
+        id="link"
+        class="large-link"
         href="{link_attribute}"
         rel="noopener noreferrer"
         >{link_content}</a
@@ -19,7 +20,9 @@
       <a class="main button" href="{link_attribute}" rel="noopener noreferrer">
         link öffnen
       </a>
-      <button id="copy" class="button hidden">link kopieren</button>
+      <button id="copy" data-copy="#link" class="button hidden">
+        link kopieren
+      </button>
       <a class="button" href="?dl">als text herunterladen</a>
     </main>
     <footer>
