Un juego donde debamos destuir cosas's game

Click here for free DL of the app version that can save data.

No:13042

146

←

Prev Next

→

Un juego donde debamos destuir cosas
Developer User3408｜Date and time 23/8/26 14:37:04
Build time 12.652 sec｜Game capacity 2.018KB｜

Script

Puntaje: 0

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
  <head>
    <title>Juego de destrucción</title>
    <style>
      body {
        font-family: Arial, sans-serif;
      }
      #game-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
      }
      #game-board {
        width: 300px;
        height: 300px;
        border: 2px solid black;
        position: relative;
      }
      .object {
        position: absolute;
        cursor: pointer;
      }
      .object img {
        max-width: 100px;
      }
      #score {
        text-align: center;
        margin-top: 20px;
        font-size: 18px;
      }
      #start-btn {
        display: block;
        margin: 20px auto;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="game-board">
        <div class="object"><img src="bomb.png" alt="Bomb"></div>
        <div class="object"><img src="hammer.png" alt="Hammer"></div>
        <div class="object"><img src="rock.png" alt="Rock"></div>
        
      </div>
    </div>
    <div id="score">Puntaje: 0</div>
    <button id="start-btn">Iniciar</button>

// Object click handler
      function destroyObject() {
        if (gameStarted) {
          score++;
          updateScore();
          this.style.display = "none";
        }
      }

// Score update function
      function updateScore() {
        document.getElementById("score").textContent = "Puntaje: " + score;
      }

// Start game function
      function startGame() {
        gameStarted = true;
        var objects = document.getElementsByClassName("object");
        for (var i = 0; i < objects.length; i++) {
          objects[i].addEventListener("click", destroyObject);
        }
      }

// Event listeners
      document.getElementById("start-btn").addEventListener("click", startGame);
    </script>
  </body>
</html>