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

No:14312

←

Prev Next

→

Elevator
Developer User6030｜Date and time 23/8/31 22:29:39
Build time 23.717 sec｜Game capacity 3.221KB｜

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>

#elevator-container {
        width: 500px;
        height: 500px;
        border: 2px solid black;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 40px;
    }

#elevator {
        width: 60px;
        height: 100px;
        background-color: #ddd;
        border: 2px solid black;
        display: flex;
        justify-content: center;
        align-items: center;
    }

#floors {
        width: 100%;
        display: flex;
        justify-content: space-around;
        margin-top: 20px;
    }

.floor {
        width: 100px;
        height: 120px;
        background-color: #eee;
        border: 2px solid black;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
    }

.selected {
        background-color: lightgreen !important;
    }
</style>

let currentFloor = 1;

// Initialize the game
    elevatorPosition.addEventListener('animationend', function() {
        for (let i = 0; i < floors.length; i++) {
            floors[i].classList.remove('selected');
        }

const currentFloorElement = document.getElementById('floor' + currentFloor);
        currentFloorElement.classList.add('selected');
    });

// Handle floor selection
    for (let i = 0; i < floors.length; i++) {
        floors[i].addEventListener('click', function() {
            const selectedFloor = parseInt(this.children[0].innerHTML);
            if (selectedFloor !== currentFloor) {
                moveElevator(selectedFloor);
            }
        });
    }

// Move the elevator to the selected floor
    function moveElevator(selectedFloor) {
        const change = selectedFloor > currentFloor ? 100 : -100;
        let currentPosition = 0;
        
        const elevatorInterval = setInterval(function() {
            if (currentPosition === change) {
                clearInterval(elevatorInterval);
                currentFloor = selectedFloor;
                elevatorPosition.style.animation = 'none';
                elevatorPosition.offsetHeight; // Trigger reflow
                elevatorPosition.style.animation = null;
                return;
            }

currentPosition += selectedFloor > currentFloor ? 10 : -10;
            elevatorPosition.style.transform = 'translateY(' + currentPosition + 'px)';
        }, 50);
    }
</script>

</body>
</html>