diff --git a/index.html b/index.html
index 9df086a..543675a 100644
--- a/index.html
+++ b/index.html
@@ -37,6 +37,10 @@ <h1>Rakesh's Memory Game</h1>
 
         <ul class="deck"></ul>
 
+        <button id="open-modal">
+            open
+        </button>
+
         <div id="popup1" class="overlay">
             <div class="popup">
                 <h2>Congratulations!!</h2>
@@ -52,6 +56,9 @@ <h2>Congratulations!!</h2>
                 <button id="play-again">
                     Play again 😄
                 </button>
+                <button id="play-again">
+                    Share!
+                </button>
             </div>
         </div>
     </div>
diff --git a/js/app.js b/js/app.js
index 421ed70..f511aa7 100644
--- a/js/app.js
+++ b/js/app.js
@@ -17,7 +17,7 @@ function generatedCard(card) {
 //declare empty array as openCards
 let openCards = [];
 
-// declare variables for star icons
+//declare variables for star icons
 const stars = document.querySelectorAll(".fa-star");
 
 // stars list
@@ -58,6 +58,7 @@ function shuffle(array) {
     return array;
 }
 
+//initite game
 initGame();
 let timerActive = false
 
@@ -251,4 +252,8 @@ document.getElementById("play-again").addEventListener("click", function() {
 function playAgain() {
     modal.classList.remove("show");
     restartGame();
-}
\ No newline at end of file
+}
+
+document.getElementById("open-modal").addEventListener("click", function() {
+    modal.classList.add('show');
+});
\ No newline at end of file