AI game creator

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

No:14236

←

Prev Next

→

Elevator
Developer User6030｜Date and time 23/8/31 4:37:00
Build time 15.679 sec｜Game capacity 2.429KB｜

Script

▲

▼

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Elevator Game</title>
</head>
<body>
    <script>
        // Define the initial floor and position of the elevator
        let currentFloor = 1;
        let currentPosition = 0;

// Define the number of floors in the building
        const totalFloors = 10;

// Function to move the elevator up
        function moveUp() {
            if (currentFloor < totalFloors) {
                currentFloor++;
                currentPosition += 100; // Assuming each floor is 100 pixels in height
                updateElevatorPosition();
            }
        }

// Function to move the elevator down
        function moveDown() {
            if (currentFloor > 1) {
                currentFloor--;
                currentPosition -= 100;
                updateElevatorPosition();
            }
        }

// Function to update the position of the elevator on the screen
        function updateElevatorPosition() {
            const elevator = document.getElementById('elevator');
            elevator.style.transform = `translateY(${currentPosition}px)`;
            document.getElementById('currentFloor').innerHTML = currentFloor;
        }

// Start the game by updating the initial position of the elevator
        updateElevatorPosition();
    </script>

.elevator {
            width: 100px;
            height: 100px;
            background-color: yellow;
            position: absolute;
            top: 0;
        }

.controls {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }

.button {
            width: 80px;
            height: 40px;
            background-color: lightblue;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 10px;
        }
    </style>