Construction of a simple, standard, general and universal or permanent panatower! Build an exemplary building!'s game

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

No:6695

←

Prev Next

→

Construction of a simple, standard, general and un..ALL
Developer User3589｜Date and time 23/7/3 6:38:06
Build time 15.561 sec｜Game capacity 1.525KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Panata Tower</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    
    #building {
      width: 100px;
      height: 400px;
      background-color: #c0c0c0;
      position: relative;
    }
    
    #roof {
      width: 120px;
      height: 50px;
      background-color: #800000;
      position: absolute;
      top: -50px;
      left: -10px;
    }
    
    #window {
      width: 50px;
      height: 50px;
      background-color: #aqua;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="building">
    <div id="roof"></div>
  </div>
  
  <script>
    let numWindows = 0;
    
    function addWindow() {
      const windowDiv = document.createElement("div");
      windowDiv.id = "window" + numWindows;
      windowDiv.className = "window";
      
      const buildingDiv = document.getElementById("building");
      buildingDiv.appendChild(windowDiv);
      
      numWindows++;
    }
    
    function removeWindow() {
      if (numWindows > 0) {
        const windowDiv = document.getElementById("window" + (numWindows - 1));
        windowDiv.parentNode.removeChild(windowDiv);
        
        numWindows--;
      }
    }
    
    document.addEventListener("keydown", (event) => {
      if (event.key === "ArrowUp") {
        addWindow();
      } else if (event.key === "ArrowDown") {
        removeWindow();
      }
    });
  </script>
</body>
</html>