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

No:13795

132

←

Prev Next

→

Elevator Simulator
Developer User6030｜Date and time 23/8/30 3:28:18
Build time 18.468 sec｜Game capacity 2.591KB｜

Script

Elevator Simulator

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>

<head>
  <title>Elevator Simulator</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

#floor-image {
      width: 100px;
      margin: 0 auto;
    }

#controls {
      margin-top: 20px;
    }

.button {
      display: inline-block;
      padding: 10px 20px;
      background-color: #4CAF50;
      color: white;
      text-decoration: none;
      border-radius: 5px;
      margin-right: 10px;
    }

.floor-label {
      font-size: 24px;
      font-weight: bold;
      margin-top: 20px;
    }

#log {
      margin-top: 30px;
    }
  </style>
</head>

<body>
  <h1>Elevator Simulator</h1>
  <img id="floor-image" src="elevator.png" alt="Elevator">
  <div>
    <button class="button" onclick="callElevator(1)">1</button>
    <button class="button" onclick="callElevator(2)">2</button>
    <button class="button" onclick="callElevator(3)">3</button>
    <button class="button" onclick="callElevator(4)">4</button>
  </div>
  <div id="controls">
    <button class="button" onclick="moveElevator('up')">Up</button>
    <button class="button" onclick="moveElevator('down')">Down</button>
  </div>
  <div id="log"></div>

function callElevator(floor) {
      if (isMoving) {
        document.getElementById("log").innerText = "Please wait, the elevator is already in motion.";
        return;
      }

if (floor === currentFloor) {
        document.getElementById("log").innerText = "You are already on floor " + floor + ".";
        return;
      }

isMoving = true;

setTimeout(function() {
        currentFloor = floor;
        isMoving = false;
        document.getElementById("floor-image").src = "elevator.png";
        document.getElementById("log").innerText = "You have reached floor " + floor + ".";
      }, 3000);
      
      document.getElementById("floor-image").src = "moving-elevator.gif";
      document.getElementById("log").innerText = "Elevator is moving...";
    }

function moveElevator(direction) {
      if (isMoving) {
        document.getElementById("log").innerText = "Please wait, the elevator is already in motion.";
        return;
      }

if (direction === "up" && currentFloor < 4) {
        callElevator(currentFloor + 1);
      } else if (direction === "down" && currentFloor > 1) {
        callElevator(currentFloor - 1);
      } else {
        document.getElementById("log").innerText = "Elevator cannot move in that direction.";
      }
    }
  </script>
</body>

</html>