AI game creator

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

No:14921

127

←

Prev Next

→

Elevator
Developer User6030｜Date and time 23/9/5 0:32:41
Build time 24.404 sec｜Game capacity 2.438KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      .elevator {
        height: 200px;
        width: 100px;
        border: 1px solid black;
        margin: 50px auto;
        position: relative;
      }
      .floor {
        height: 50px;
        width: 100px;
        border: 1px solid black;
        text-align: center;
        padding-top: 15px;
        background-color: #ccffcc;
      }
      .button {
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        display: inline-block;
        border-radius: 50%;
        background-color: lightgray;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div class="elevator">
      <div id="floor1" class="floor">
        <div id="button1" class="button">1</div>
      </div>
      <div id="floor2" class="floor">
        <div id="button2" class="button">2</div>
      </div>
      <div id="floor3" class="floor">
        <div id="button3" class="button">3</div>
      </div>
      <div id="floor4" class="floor">
        <div id="button4" class="button">4</div>
      </div>
    </div>

addEventListeners();

function moveElevator(targetFloor) {
        isMoving = true;
        let elevator = document.getElementsByClassName("elevator")[0];

// Calculate the distance to move the elevator
        let distance = Math.abs(targetFloor - currentFloor) * 50;

// Start the animation to move the elevator
        let elevatorInterval = setInterval(frame, 10);
        function frame() {
          if (distance === 0) {
            clearInterval(elevatorInterval);
            currentFloor = targetFloor;
            isMoving = false;
          } else {
            distance--;
            elevator.style.top = distance + "px";
          }
        }
      }
    </script>
  </body>
</html>