Added Restart game button

DiksonIvySon · Oct 20, 2023 · 86f487c · 86f487c
1 parent 26fd9db
commit 86f487c
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 1 deletion.
diff --git a/RockPaperScissors/game.html b/RockPaperScissors/game.html
@@ -35,7 +35,10 @@ <h1 class="heading">
                 <div class="score-board">
                     <h2 id="gameResult">Start Playing</2>
                     <h2 class="score-h2">SCORE</h2>
-                    <h2 id="gameScore"></h2>
+                    <h2 id="gameScore">0:0</h2>
+                    <a href="" class="restart">
+                        <button>Restart Game</button>
+                    </a>
                 </div>
             </div>
         </div>

diff --git a/RockPaperScissors/style.css b/RockPaperScissors/style.css
@@ -7,6 +7,7 @@
 
 body {
     margin: 0;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
 header {
@@ -46,6 +47,7 @@ main {
     text-decoration: none;
     color: black;
     padding: 5px;
+    transition: 0.5s;
 }
 
 .nav ul li a:hover {
@@ -227,4 +229,25 @@ footer {
 }
 .web-author:hover {
     color: aqua;
+}
+
+/* Styling the scroll bar */
+body::-webkit-scrollbar {
+    width: 0px;
+}
+
+/* styling restart game button*/
+.restart button {
+    padding: 5px;
+    background: transparent;
+    color: #fff;
+    border-radius: 5px;
+    margin-top: 10px;
+    transition: 0.5s;
+}
+
+.restart button:hover {
+    cursor: pointer;
+    background-color: aqua;
+    color: black;
 }