Update index.html

index.html

@@ -79,23 +79,26 @@
     <button id="restart" class="button">Restart Game</button>
     <canvas id="gameCanvas"></canvas>
     
-    <div id="shop" style="display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,0.9); padding:20px; border-radius:10px; color:white; z-index:1000;">
-        <h2>Tank Shop</h2>
-        <div style="display:flex; gap:20px;">
-            <div id="tank1" style="text-align:center;">
-                <h3>PZ.IV</h3>
-                <img src="player2.png" width="100" height="45">
-                <p>300 Gold</p>
-                <button onclick="buyTank('player2.png', 300, 'tank1')">Buy</button>
-            </div>
-            <div id="tank2" style="text-align:center;">
-                <h3>TIGER</h3>
-                <img src="player3.png" width="100" height="45">
-                <p>500 Gold</p>
-                <button onclick="buyTank('player3.png', 500, 'tank2')">Buy</button>
-            </div>
+   <div id="shop" style="display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,0.9); padding:20px; border-radius:10px; color:white; z-index:1000;">
+    <h2>Tank Shop</h2>
+    <div style="display:flex; gap:20px;">
+        <div id="tank1" style="text-align:center;">
+            <h3>PZ.IV</h3>
+            <img src="player2.png" width="100" height="45">
+            <p>300 Gold</p>
+            <p style="color: #4CAF50;">+50% HP</p>
+            <button onclick="buyTank('player2.png', 300, 'tank1')">Buy</button>
+        </div>
+        <div id="tank2" style="text-align:center;">
+            <h3>TIGER</h3>
+            <img src="player3.png" width="100" height="45">
+            <p>500 Gold</p>
+            <p style="color: #4CAF50;">+100% HP</p>
+            <p style="color: #ff6b6b;">-30% Speed</p>
+            <button onclick="buyTank('player3.png', 500, 'tank2')">Buy</button>
         </div>
     </div>
+</div>
     <button id="bossButton" class="button">Fight Boss!</button>
     <div id="winMessage" class="button" style="font-size: 72px; background: none;">You Win!</div>
 
@@ -254,13 +257,23 @@
             document.getElementById('shop').style.display = 'block';
         }
 
-      function buyTank(tankImg, cost, tankId) {
+    function buyTank(tankImg, cost, tankId) {
     if (gold >= cost) {
         gold -= cost;
         playerImg.src = tankImg;
         document.getElementById(tankId).style.display = 'none';
         document.getElementById('shop').style.display = 'none';
-        // initRound() 호출 제거
+
+        // 전차별 특성 적용
+        if (tankId === 'tank1') {  // PZ.IV
+            player.maxHealth += 500;
+            player.health = player.maxHealth;  // 현재 체력도 증가된 최대 체력으로 설정
+        } 
+        else if (tankId === 'tank2') {  // TIGER
+            player.maxHealth += 1000;
+            player.health = player.maxHealth;
+            player.speed *= 0.7;  // 속도 30% 감소
+        }
     }
 }