Elevator 6 floors panel and number indicator and floor 0's game

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

No:13964

114

←

Prev Next

→

Elevator 6 floors panel and number indicator and f..ALL
Developer User6030｜Date and time 23/8/30 18:38:45
Build time 18.56 sec｜Game capacity 2.709KB｜

Script

Код выше представляет игру с эскалатором (лифтом) на 6 этажей для использования на смартфоне. Кнопки на панели лифта реализованы в виде пиктограммы каждого этажа, и текущий этаж отображается на индикаторе числа. Игра начинается с 0 этажа, и при нажатии на кнопку лифт перемещается на соответствующий этаж. Время перемещения между этажами задано в 2 секунды (может быть изменено по необходимости). После достижения нового этажа, переменная `elevatorMoving` снова устанавливается в `false`, позволяя нажимать на другие кнопки.

←

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>
        // Elevator game implementation

// Global variables
        var currentFloor = 0;
        var elevatorMoving = false;

// Function to move the elevator to a specific floor
        function goToFloor(floor) {
            if (elevatorMoving) {
                return; // Do not allow button presses while elevator is moving
            }

elevatorMoving = true;
            showFloor(floor);

setTimeout(function() {
                currentFloor = floor;
                elevatorMoving = false;
            }, 2000); // Assuming it takes 2 seconds to move between floors
        }

// Function to show the current floor in the number indicator
        function showFloor(floor) {
            var numberIndicator = document.getElementById('number-indicator');
            numberIndicator.textContent = floor;
        }

// HTML structure
        var elevatorHTML = '<div id="elevator-panel">' +
            '<button onclick="goToFloor(1)"><img src="1.png"></button>' +
            '<button onclick="goToFloor(2)"><img src="2.png"></button>' +
            '<button onclick="goToFloor(3)"><img src="3.png"></button>' +
            '<button onclick="goToFloor(4)"><img src="4.png"></button>' +
            '<button onclick="goToFloor(5)"><img src="5.png"></button>' +
            '<button onclick="goToFloor(6)"><img src="6.png"></button>' +
            '</div>' +
            '<div id="number-indicator">0</div>';

// Add elevator panel to the body
        document.body.innerHTML = elevatorHTML;

// Start the processing
        goToFloor(0);
    </script>
</body>
</html>
```