add clipboard button

dieseltravis · Dec 11, 2024 · 2e5881e · 2e5881e
1 parent 0a02377
commit 2e5881e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/public/client.js b/public/client.js
@@ -5,6 +5,7 @@ const process = function (funs, day, part) {
   const input = document.getElementById('input' + part);
   const getInput = document.querySelector('#input' + part + ' + .get-input');
   const answer = document.getElementById('part' + part);
+  const clip = document.getElementById('clip' + part);
   const button = document.getElementById('button' + part);
 
   getInput.addEventListener('click', async (ev) => {
@@ -24,6 +25,7 @@ const process = function (funs, day, part) {
 
       // fun time
       answer.innerText = funs(day, part)(input.value);
+      clip.style.display = 'inline-block';
 
       console.timeEnd(timer);
       html.classList.remove('wait');
@@ -32,6 +34,10 @@ const process = function (funs, day, part) {
   };
 
   button.addEventListener('click', onevent);
+  clip.addEventListener('click', function (ev) {
+    ev.preventDefault();
+    navigator.clipboard.writeText(answer.innerText);
+  });
 };
 
 const day = function (funs, day) {

diff --git a/views/day.ntl b/views/day.ntl
@@ -30,7 +30,7 @@
       <form method="POST" action="/day{{day}}part1">
         <textarea id="input1" name="input" placeholder="puzzle input" cols="40" rows="5"></textarea>
         <a href="//adventofcode.com/{{year}}/day/{{day_num}}/input" target="_blank" class="get-input">get input</a>
-        <code id="part1"></code>
+        <code id="part1"></code><button id="clip1" style="display:none">📋</button>
         <input id="button1" type="button" value="run in client" />
         <input type="submit" value="run on server" />
       </form>
@@ -43,7 +43,7 @@
       <form method="POST" action="/day{{day}}part2">
         <textarea id="input2" name="input" placeholder="puzzle input" cols="40" rows="5"></textarea>
         <a href="//adventofcode.com/{{year}}/day/{{day_num}}/input" target="_blank" class="get-input">get input</a>
-        <code id="part2"></code>
+        <code id="part2"></code><button id="clip2" style="display:none">📋</button>
         <input id="button2" type="button" value="run in client" />
         <input type="submit" value="run on server" />
       </form>