Added Back icon and Removed Home icon

Rakesh9100 · Feb 17, 2023 · 51292f1 · 51292f1
1 parent af1df33
commit 51292f1
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -26,12 +26,7 @@
         onclick="change()"
       ></i>
       <!-- //done by kushaljgec2530 -->
-      <i
-        id="home-icon"
-        onclick="reset()"
-        class="fa fa-home"
-        aria-hidden="true"
-      ></i>
+      <i id="back-icon" onclick="reset()" class="fa fa-chevron-left" aria-hidden="true"></i>
     </div>
     <div class="screen">
       <img
@@ -42,7 +37,7 @@
         aria-hidden="true"
       />
       <h2>Play with your Favorite Edible🎮</h2>
-      <button class="btn" id="start-btn">
+      <button class="btn" id="start-btn" onclick="starting()">
         Play Game!
         <span></span><span></span><span></span><span></span>
       </button>

diff --git a/script.js b/script.js
@@ -31,6 +31,10 @@ function startGame() {
     gameInterval = setInterval(increaseTime, 1000)
 }
 
+function starting(){
+    document.getElementById("back-icon").style.display = "block";
+}
+
 function increaseTime() {
     let m = Math.floor(seconds / 60)
     let s = seconds % 60

diff --git a/style.css b/style.css
@@ -241,14 +241,15 @@ h1 {
   padding: 0.5em;
   border-radius: 5px;
 }
-#home-icon {
+#back-icon {
   font-size: x-large;
+  display: none;
 
   cursor: pointer;
   padding: 0.5em;
   border-radius: 5px;
 }
-#home-icon:hover,
+#back-icon:hover,
 #light-icon:hover,
 #pause-button:hover {
   background-color: var(--primary);