✨ feat: 테트리스 카운트 다운 css 수정

KOPO-DA5 · Apr 29, 2024 · 27c7435 · 27c7435
1 parent a69bbc8
commit 27c7435
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/js/tetris.js b/js/tetris.js
@@ -58,8 +58,9 @@ function updateGameContent() {
         Pause
       </button>
     </div>
-   
-    <div id="count-down">1</div>
+    <div id="count-down" class="count-down hide">
+      <p id="count-number">0</p>
+    </div>
   </div>
   <div id="game-controls" class="game-controls hide">
       <button id="resumeButton" class="control-button" onclick="resumeGame()">

diff --git a/js/tetris/main.js b/js/tetris/main.js
@@ -486,12 +486,16 @@
       let count = 10;
       countdown = document.createElement("div"); // 전역 변수 countdown에 할당
       countdown.id = "count-down";
-      countdown.textContent = count;
       countdown.style.display = "block";
 
       countdownInterval = setInterval(() => {
+        document.getElementById("count-number").textContent = count;
+        countdown.innerHTML = `
+        <p>CONTINUE?</p>
+        <p id="count-number">${count}</p>
+        <p>INSERT COIN</p>
+      `;
         count--;
-        countdown.textContent = count;
         if (count === 0) {
           clearInterval(countdownInterval);
           // 10초 카운트가 끝나면 아래 코드 실행