Minecraft movie animation's game

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

No:37463

←

Prev Next

→

Minecraft movie animation
Developer User17070｜Date and time 24/1/21 4:07:52
Build time 6.757 sec｜Game capacity 1.768KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<html>
<head>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    
    #game-container {
      text-align: center;
      margin-top: 100px;
    }
    
    #score {
      font-size: 24px;
      margin-bottom: 20px;
    }
    
    #buttons {
      margin-top: 20px;
    }
    
    .action-button {
      font-size: 18px;
      padding: 10px;
      margin: 10px;
      border-radius: 5px;
      background-color: #4CAF50;
      color: white;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <script>
    var score = 0;
    
    function startGame() {
      score = 0;
      generateGame();
    }
    
    function generateGame() {
      var gameContainer = document.getElementById("game-container");
      gameContainer.innerHTML = "";
      
      var pictograms = ["🏠", "⛏️", "🌲", "🌺", "🐑", "🌳", "🌾", "🌟"];
      
      for (var i = 0; i < 9; i++) {
        var pictogram = pictograms[Math.floor(Math.random() * pictograms.length)];
        
        var button = document.createElement("button");
        button.innerHTML = pictogram;
        button.classList.add("action-button");
        button.onclick = function() {
          increaseScore();
          generateGame();
        };
        gameContainer.appendChild(button);
      }
      
      var scoreElement = document.getElementById("score");
      scoreElement.innerHTML = "Score: " + score;
    }
    
    function increaseScore() {
      score++;
      var scoreElement = document.getElementById("score");
      scoreElement.innerHTML = "Score: " + score;
    }
    
    window.onload = function () {
      startGame();
    };
  </script>
  
  <div id="game-container">
    <div id="score">Score: 0</div>
    <div id="buttons"></div>
  </div>
</body>
</html>