Adding share functionality

vishal30982 · Dec 6, 2023 · b5778e1 · b5778e1
1 parent d13cd21
commit b5778e1
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/card.css b/card.css
@@ -220,4 +220,4 @@ html, body {
 }
 #share-area span.share-icon {
     cursor: pointer;
-}
+}
diff --git a/card.html b/card.html
@@ -13,9 +13,9 @@
     <div id="main">
         <div id="card">
             <div id="share-area">
-                <span class="material-symbols-outlined share-icon">
+                <button><span class="material-symbols-outlined share-icon">
                     share
-                </span>
+                </span></button>
             </div>
             <div id="share-popup">
                 <div id="share">

diff --git a/script.js b/script.js
@@ -6,4 +6,12 @@ function ChangeTheme (theme) {
 let choosenTheme = localStorage.getItem('theme');
 document.querySelector(':root').style.setProperty('--theme', choosenTheme);
 
-let share_btn = document.querySelector('#share-area')
+let share_btn = document.querySelector('#share-area button')
+let share_link = location.href;
+share_btn.addEventListener('click', async () => {
+    try {
+        await navigator.share(share_link)
+    } catch (error) {
+        alert('Something Went Wrong In Sharing!')
+    }
+})