feat: Add copy markdown button with clipboard functionality

index.html

@@ -23,6 +23,7 @@
             <label>
                 <input type="checkbox" id="enable-table-column-tracking"> Table column tracking
             </label>
+            <button id="copy-markdown" class="bg-black px-3 text-white h-8 rounded-lg" disabled>Copy markdown</button>
             <button type="submit" class="bg-black px-3 text-white h-8 rounded-lg" form="converter-form">Convert to semantic markdown</button>
             <a href="https://github.com/romansky/dom-to-semantic-markdown" target="_blank" class="underline ml-auto">Github</a>
         </div>

script.js

@@ -1,5 +1,15 @@
 const { convertHtmlToMarkdown } = htmlToSMD;
 
+// Handle copy markdown button
+document.getElementById("copy-markdown").addEventListener("click", async function() {
+  const markdownOutput = document.getElementById("markdown-output");
+  try {
+    await navigator.clipboard.writeText(markdownOutput.textContent);
+  } catch (err) {
+    console.error('Failed to copy text: ', err);
+  }
+});
+
 // Handle toggle between URL and HTML input
 document.getElementById("input-html-toggle").addEventListener("change", function(e) {
   const urlInput = document.getElementById("url-input");
@@ -73,6 +83,7 @@ document
       // Convert HTML to Markdown
       const markdown = await convertHtmlToMarkdown(htmlContent, options);
       markdownOutput.textContent = markdown;
+      document.getElementById("copy-markdown").disabled = false;
     } catch (error) {
       markdownOutput.textContent = "Error: " + error.message;
     }