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

No:25708

Build a house by cutting down as few trees as poss..ALL
Developer User12636｜Date and time 23/11/24 3:18:57
Build time 52.752 sec｜Game capacity 1.571KB｜

Script

Tree Cutter - Build a House Game

Click on the trees to cut them down and build your house!

🌳 🌳 🌳

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Tree Cutter - Build a House Game</title>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }

h1 {
        margin-top: 50px;
      }

#game-container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 50px;
      }

.tree {
        cursor: pointer;
        margin: 20px;
        font-size: 40px;
      }
    </style>
  </head>
  <body>
    <h1>Tree Cutter - Build a House Game</h1>
    <p>Click on the trees to cut them down and build your house!</p>
    <div id="game-container">
      <span class="tree" onclick="cutTree()">🌳</span>
      <span class="tree" onclick="cutTree()">🌳</span>
      <span class="tree" onclick="cutTree()">🌳</span>
    </div>

function cutTree() {
        treesCut++;
        if (treesCut === 3) {
          finishGame();
        }
        event.target.style.visibility = 'hidden';
      }

function finishGame() {
        let gameContainer = document.getElementById("game-container");
        let house = document.createElement('span');
        house.style.fontSize = '100px';
        house.innerHTML = '🏠';
        gameContainer.appendChild(house);
        let trees = document.getElementsByClassName("tree");
        for (let i = 0; i < trees.length; i++) {
          trees[i].style.visibility = 'hidden';
        }
        gameContainer.removeEventListener("click", cutTree);
      }
    </script>
  </body>
</html>