Elevator Panel 100 floors's game

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

No:13975

208

←

Prev Next

→

Elevator Panel 100 floors
Developer User6030｜Date and time 23/8/30 20:01:15
Build time 18.45 sec｜Game capacity 2.641KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
  <body>
    <script>
      // Создаем переменную для хранения текущего этажа
      var currentFloor = 1;

// Функция для перемещения на заданный этаж
      function goToFloor(floor) {
        // Проверяем, что указанный этаж находится в диапазоне от 1 до 100
        if (floor >= 1 && floor <= 100) {
          currentFloor = floor;
          console.log("Вы переместились на " + currentFloor + " этаж");
        } else {
          console.log("Указан недопустимый этаж");
        }
      }

// Функция для отображения панели управления лифтом
      function showElevatorPanel() {
        // Создаем элементы панели управления
        var panel = document.createElement("div");
        panel.id = "elevatorPanel";

var floorDisplay = document.createElement("div");
        floorDisplay.id = "floorDisplay";
        floorDisplay.innerText = "Этаж: " + currentFloor;

var buttonContainer = document.createElement("div");
        buttonContainer.id = "buttonContainer";

// Создаем кнопки для каждого этажа
        for (var i = 1; i <= 100; i++) {
          var button = document.createElement("div");
          button.classList.add("floorButton");
          button.innerText = i;
          button.setAttribute("onclick", "goToFloor(" + i + ")");
          buttonContainer.appendChild(button);
        }

// Добавляем элементы на панель управления
        panel.appendChild(floorDisplay);
        panel.appendChild(buttonContainer);

// Добавляем панель на страницу
        document.body.appendChild(panel);
      }

// Запускаем игру
      showElevatorPanel();
    </script>
    <style>
      /* Стили для панели управления лифтом */
      #elevatorPanel {
        position: fixed;
        bottom: 20px;
        left: 20px;
        padding: 10px;
        background-color: #f2f2f2;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
      }

#floorDisplay {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
      }

.floorButton {
        display: inline-block;
        margin: 5px;
        padding: 10px;
        background-color: #e6e6e6;
        border-radius: 5px;
        cursor: pointer;
      }
    </style>
  </body>
</html>