removed the flickering effect

Shistuu · Jun 6, 2023 · e6ff346 · e6ff346
1 parent fb40666
commit e6ff346
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 14 deletions.
diff --git a/MergeMania/index.html b/MergeMania/index.html
@@ -10,7 +10,7 @@
 <body>
   <div class="container">
     <h2 class="title"><span class=c1>MERGE</span> MANIA</h2>  </div>
-    <div id="timer">00:00</div>
+    <div id="timer" style="display: none;">00:00</div>
     <div id="warning-message"></div>
     <div class="level-container">
       <div class="level">
@@ -21,11 +21,11 @@ <h2 class="title"><span class=c1>MERGE</span> MANIA</h2>  </div>
       </div>
     </div>
 
-    <div id="score-container">
+    <div id="score-container" style="display: none;">
       <div class="cscore-text">Current Score: <span id="current-score">0</span></div>
       <div class="hscore-text">High Score: <span id="high-score">0</span></div>
     </div>
-    <div id="container"></div>
+    <div id="container" style="display: none;"></div>
 
     <div id="game-over-modal" class="modal">
       <div class="modal-content">

diff --git a/MergeMania/index.js b/MergeMania/index.js
@@ -10,11 +10,6 @@ export function initializeLevels() {
   const SCORE_CONTAINER = document.getElementById("score-container");
   const TITLE_CONTAINER = document.querySelector(".title");
 
-  // Hide game-related elements initially
-  GAME_CONTAINER.style.display = "none";
-  TIMER.style.display = "none";
-  SCORE_CONTAINER.style.display = "none";
-
   // Add event listeners to each level button
   LEVEL_BUTTONS.forEach((button) => {
     button.addEventListener("click", handleLevelButtonClick);

diff --git a/MergeMania/styles.css b/MergeMania/styles.css
@@ -1,9 +1,4 @@
-/* set the grid size, cell size, and cell gap for the game board. */
-:root {
-  --grid-size: 4;
-  --cell-size: 100px;
-  --cell-gap: 10px;
-}
+
 body {
   margin: 0;
   font-size: 40px;