- improve copyoutput method

Author: TobiasMue91

tools/verbose_o_matic.html

@@ -477,20 +477,23 @@ <h1>Verbose-O-Matic</h1>
         }
     }
 
-    function copyOutput() {
-        const output = document.getElementById('outputText').textContent;
-        navigator.clipboard.writeText(output).then(() => {
-            const btn = event.target.closest('.copy-btn');
-            const originalHTML = btn.innerHTML;
+    async function copyOutput(event) {
+        const btn = event.target.closest('.copy-btn');
+        const originalContent = btn.innerHTML;
+
+        try {
+            await navigator.clipboard.writeText(document.getElementById('outputText').textContent);
+
             btn.classList.add('copied');
             btn.innerHTML = '<svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/></svg> Copied!';
+
             setTimeout(() => {
                 btn.classList.remove('copied');
-                btn.innerHTML = originalHTML
-            }, 2000)
-        }).catch(err => {
-            showAlert('Failed to copy to clipboard', 'error')
-        })
+                btn.innerHTML = originalContent;
+            }, 2000);
+        } catch {
+            showAlert('Failed to copy to clipboard', 'error');
+        }
     }
 
     init()