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

No:19025

←

Prev Next

→

Лифт
Developer User7816｜Date and time 23/10/1 14:51:59
Build time 9.564 sec｜Game capacity 2.307KB｜

Script

Лифт - Игра

👨‍✈️

Выберите этаж:

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Лифт - Игра</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

#elevator {
            margin: 30px auto;
            width: 200px;
            height: 350px;
            border: 1px solid black;
            background-color: #f0f0f0;
            position: relative;
        }

#elevator-operator {
            margin-top: 50px;
        }

.btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #007bff;
            color: #fff;
            border-radius: 5px;
            cursor: pointer;
            margin: 10px;
        }

.btn:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <h1>Лифт - Игра</h1>
    <div id="elevator">
        <div id="elevator-operator">👨‍✈️</div>
    </div>
    <h2>Выберите этаж:</h2>
    <button class="btn" onclick="callFloor(1)">1</button>
    <button class="btn" onclick="callFloor(2)">2</button>
    <button class="btn" onclick="callFloor(3)">3</button>
    <button class="btn" onclick="callFloor(4)">4</button>
    <button class="btn" onclick="callFloor(5)">5</button>
    <button class="btn" onclick="callFloor(6)">6</button>
    <button class="btn" onclick="callFloor(7)">7</button>
    <button class="btn" onclick="callFloor(8)">8</button>
    <button class="btn" onclick="callFloor(9)">9</button>
    <button class="btn" onclick="callFloor(10)">10</button>

elevator.classList.remove('animate');

var currentFloor = Number(operator.innerText);

if (floorNumber === currentFloor) {
                alert("Вы уже на этом этаже!");
                return;
            }

elevator.style.top = (floorNumber - 1) * -50 + "px";
            operator.innerText = floorNumber;

elevator.classList.remove('animate');
            void elevator.offsetWidth;
            elevator.classList.add('animate');
        }
    </script>
</body>
</html>