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

No:20284

←

Prev Next

→

Build a house
Developer User8892｜Date and time 23/10/9 3:25:19
Build time 11.73 sec｜Game capacity 2.473KB｜

Script

Build a House Game

←

Prev　Next

→ 　

Back　

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

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

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

h1 {
      color: #555555;
    }

#house {
      width: 200px;
      height: 200px;
      background-color: #FFD700;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      margin: 30px auto;
    }

#roof {
      width: 0;
      height: 0;
      border-left: 100px solid transparent;
      border-right: 100px solid transparent;
      border-bottom: 100px solid #8B0000;
    }

#door {
      width: 50px;
      height: 80px;
      background-color: #8B4513;
      margin-bottom: 20px;
    }

#window {
      width: 50px;
      height: 50px;
      background-color: #ADD8E6;
    }

#message {
      color: #FF0000;
    }
  </style>
</head>
<body>
  <h1>Build a House Game</h1>

// Function to build the roof of the house
    function buildRoof() {
      if (!roofBuilt) {
        const roof = document.createElement("div");
        roof.id = "roof";
        document.getElementById("house").appendChild(roof);
        roofBuilt = true;
      }
    }

// Function to add a door to the house
    function addDoor() {
      if (!doorAdded) {
        const door = document.createElement("div");
        door.id = "door";
        document.getElementById("house").appendChild(door);
        doorAdded = true;
      }
    }

// Function to add a window to the house
    function addWindow() {
      if (!windowAdded) {
        const window = document.createElement("div");
        window.id = "window";
        document.getElementById("house").appendChild(window);
        windowAdded = true;
      }
    }

// Check if the house is complete
    function checkCompletion() {
      if (roofBuilt && doorAdded && windowAdded) {
        document.getElementById("message").textContent = "Congratulations! House is complete!";
      }
    }
  </script>

<div id="house">
    <div id="roof"></div>
  </div>
  <button onclick="buildRoof()">Добавить крышу</button>
  <button onclick="addDoor()">Добавить дверь</button>
  <button onclick="addWindow()">Добавить окно</button>
  <p id="message"></p>