Elevator Panel 20 floors's game

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

No:13973

144

←

Prev Next

→

Elevator Panel 20 floors
Developer User6030｜Date and time 23/8/30 19:59:30
Build time 11.828 sec｜Game capacity 1.642KB｜

Script

Панель лифта (20 этажей)

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background-color: #f5f5f5;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
    }
    
    .panel {
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }
    
    .btn {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background-color: #e0e0e0;
      color: #333;
      font-size: 20px;
      border: none;
      outline: none;
      margin: 5px;
      cursor: pointer;
      transition: background-color 0.3s;
    }
    
    .btn:hover {
      background-color: #ccc;
    }
    
    .btn:active {
      background-color: #aaa;
    }
  </style>
</head>
<body>
  <div class="panel">
    <h2>Панель лифта (20 этажей)</h2>
    <div id="floorDisplay">1</div>
    <div>
      <button class="btn" onclick="moveUp()">▲</button>
    </div>
    <div>
      <button class="btn" onclick="moveDown()">▼</button>
    </div>
  </div>
  
  <script>
    var currentFloor = 1;
    
    function moveUp() {
      if (currentFloor < 20) {
        currentFloor++;
        document.getElementById("floorDisplay").innerHTML = currentFloor;
      }
    }
    
    function moveDown() {
      if (currentFloor > 1) {
        currentFloor--;
        document.getElementById("floorDisplay").innerHTML = currentFloor;
      }
    }
  </script>
</body>
</html>