diff --git a/docs/bundle.js b/docs/bundle.js
new file mode 100644
index 000000000..eb3d70564
--- /dev/null
+++ b/docs/bundle.js
@@ -0,0 +1,10 @@
+var s = document.querySelectorAll("pre");
+s.forEach(element => {
+    var button = document.createElement("button");
+    button.innerHTML = "Copy to clipboard";
+    element.parentElement.appendChild(button);
+
+    button.addEventListener ("click", function() {
+        console.log(element.textContent);
+      });
+});
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index ee07a9add..ecb78bb7a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -14,6 +14,7 @@
     <meta property="og:type" content="website"/><meta property="og:image" content="favicon.png">
     <link rel="icon" type="image/png" href="favicon.png">
     <link rel="stylesheet" href="prism.css">
+    <script src="../docs/bundle.js"></script>
   </head>
   <script>
     const search = (node) => {
@@ -1400,6 +1401,7 @@ Use <code>Number()</code> to check if the coercion holds.</p>
       </main>
     </div>
     <script src="prism.js"></script>
+    <script src="bundle.js"></script>
   </body>
 </html>
 
diff --git a/static-parts/index-end.html b/static-parts/index-end.html
index 2dd2aae7e..1b89d551a 100644
--- a/static-parts/index-end.html
+++ b/static-parts/index-end.html
@@ -5,5 +5,6 @@
       </main>
     </div>
     <script src="prism.js"></script>
+    <script src="bundle.js"></script>
   </body>
 </html>
diff --git a/static-parts/index-start.html b/static-parts/index-start.html
index f6c71b064..d1e09b45c 100644
--- a/static-parts/index-start.html
+++ b/static-parts/index-start.html
@@ -14,6 +14,7 @@
     <meta property="og:type" content="website" /><meta property="og:image" content="favicon.png">
     <link rel="icon" type="image/png" href="favicon.png">
     <link rel="stylesheet" href="prism.css">
+    <script src="../docs/bundle.js"></script>
   </head>
   <script>
     const search = (node) => {