From 0498e27f01ffb9310284ddac1fb5f9758b2aff50 Mon Sep 17 00:00:00 2001
From: onyx <swastikrpanigrahi@gmail.com>
Date: Sun, 27 Oct 2024 06:37:24 +0530
Subject: [PATCH] Added a button to copy the commands

---
 posts/en/intro.md | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/posts/en/intro.md b/posts/en/intro.md
index 5f5f2ce..fdadef7 100644
--- a/posts/en/intro.md
+++ b/posts/en/intro.md
@@ -36,34 +36,48 @@ Using npm:
 ```bash
 $ npm install axios
 ```
+<button onclick="copyToClipboard('npm install axios')">Copy</button>
 
 Using bower:
 
 ```bash
 $ bower install axios
 ```
-
+<button onclick="copyToClipboard('bower install axios')">Copy</button>
 Using yarn:
 
 ```bash
 $ yarn add axios
 ```
-
+<button onclick="copyToClipboard('yarn add axios')">Copy</button>
 Using jsDelivr CDN:
 
 ```html
 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
 ```
+<button onclick="copyToClipboard('<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>')">Copy</button>
 
 Using unpkg CDN:
 
 ```html
 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 ```
-
+<button onclick="copyToClipboard('<script src="https://unpkg.com/axios/dist/axios.min.js"></script>')">Copy</button>
 Prebuilt CommonJS modules for direct importing with require (if your module bundler failed to resolve them automatically)
 
 ```js
 const axios = require('axios/dist/browser/axios.cjs'); // browser
 const axios = require('axios/dist/node/axios.cjs'); // node
 ```
+<button onclick="copyToClipboard('const axios = require('axios/dist/browser/axios.cjs');    
+const axios = require(\'axios/dist/node/axios.cjs\'); // node')">Copy</button>
+
+<script>
+function copyToClipboard(text) {
+  navigator.clipboard.writeText(text).then(() => {
+    alert('Copied to clipboard!');
+  }).catch(err => {
+    console.error('Failed to copy: ', err);
+  });
+}
+</script>
\ No newline at end of file