AI game creator

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

No:24715

←

Prev Next

→

Elevator panel
Developer User11816｜Date and time 23/11/11 17:02:11
Build time 50.258 sec｜Game capacity 2.485KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Elevator Panel</title>
    <style>
      #elevator-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
      }

.button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 80px;
        background-color: #ccc;
        border-radius: 50%;
        font-size: 20px;
        cursor: pointer;
      }

.button.active {
        background-color: #ffcc00;
      }
    </style>
  </head>

function selectFloor(floor) {
        if (isMoving) {
          return; // Ignore button press during elevator movement
        }

selectedFloor = floor;

// Update button styles
        const buttons = document.getElementsByClassName('button');
        for (let i = 0; i < buttons.length; i++) {
          buttons[i].classList.remove('active');
        }

const selectedButton = document.querySelector(`.button:nth-child(${floor})`);
        selectedButton.classList.add('active');

// Start elevator movement
        moveElevator();
      }

function moveElevator() {
        isMoving = true;

const direction = selectedFloor > currentFloor ? 1 : -1;

setTimeout(function () {
          currentFloor += direction;
          console.log("Elevator is on floor", currentFloor);

if (currentFloor !== selectedFloor) {
            moveElevator();
          } else {
            console.log("Elevator has reached floor", selectedFloor);
            isMoving = false;
          }
        }, 2000); // Assume 2 seconds per floor
      }
    </script>
  </body>
</html>