Improved Car game - Fix 2

A91y · A91y · commit 33d0271ad89d · 2023-02-28T17:36:05.000+05:30
diff --git a/76 - Car Game/app.js b/76 - Car Game/app.js
@@ -35,13 +35,14 @@ function moveEnemies(playercar) {
         othercarb = item.getBoundingClientRect();
         if (!((playercarb.bottom < othercarb.top) || (playercarb.top > othercarb.bottom) || (playercarb.left > othercarb.right) || (playercarb.right < othercarb.left))) {
             // alert("Press OK to play again");
-            alert("The Score is " + (score) + "\n Press OK to play again");
+            alert("The Final Score is " + (score) + "\n Press OK to play again");
             location.reload()
             player.start = false;
         }
         if (item.y >= 815) {
             // Player will earn score when the car will pass enemy car
             score = score + 1;
+            startBtn.innerHTML = "Score: " + score;
             item.y = -300;
             item.style.left = Math.floor(Math.random() * 350) + 'px';
         }
@@ -129,9 +130,10 @@ function init() {
 }
 
 function startgame() {
-    startBtn.innerHTML = "Use Arrow keys to Navigate";
-    startBtn.style.opacity = 0.65;
+    document.querySelector(".push").style.border = "5px solid rgb(86,50,57)";
+    startBtn.style.backgroundColor = "rgb(86,50,57)";
     startBtn.style.cursor = "not-allowed";
+    startBtn.innerHTML = "Use Arrow keys to Navigate";
     init();
 }
 
diff --git a/76 - Car Game/index.html b/76 - Car Game/index.html
@@ -5,16 +5,16 @@
   <meta charset="UTF-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Document</title>
+  <title>Car Game</title>
   <link rel="stylesheet" href="style.css" />
 </head>
 
 <body>
   <div class="container">
     <div class="road">
-      <div class="push">
-        <button class="btn" onclick="startgame()">Start Game</button>
-      </div>
+    </div>
+    <div class="push">
+      <button class="btn" onclick="startgame()">Start Game</button>
     </div>
   </div>
 
diff --git a/76 - Car Game/style.css b/76 - Car Game/style.css
@@ -10,32 +10,24 @@
   } */
 body {
     overflow: hidden;
+
 }
 
 .container {
     background-color: rgb(118, 189, 159);
     background-size: cover;
     min-height: 99%;
-
-    /* Equal to height of footer */
-    /* But also accounting for potential margin-bottom of last child */
-    margin-bottom: -50px;
-    /* visibility: hidden; */
-
 }
 
 .road {
     background-color: black;
-    height: 100vh;
+    height: 93vh;
     width: 400px;
     margin: auto;
     position: relative;
     border-left: 5px white dashed;
     border-right: 5px white dashed;
     z-index: 1;
-    /* display: flex; */
-    /* border-collapse: collapse;
-    display: table; */
 }
 
 .lines {
@@ -73,7 +65,6 @@ body {
 }
 
 .btn {
-
     background-color: crimson;
     color: #fff;
     border: 1px solid;
@@ -86,6 +77,7 @@ body {
 
 .push {
     height: 50px;
-    top: 100%;
-    transform: translateY(1515%);
+    width: 401px;
+    transform: translateX(107%);
+    border: 5px solid crimson;
 }
