Elevator Panel 5 floors's game

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

No:13979

201

←

Prev Next

→

Elevator Panel 5 floors
Developer User6030｜Date and time 23/8/30 20:03:52
Build time 12.063 sec｜Game capacity 1.627KB｜

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 Panel</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

.panel {
            text-align: center;
            margin-top: 50px;
        }

.button {
            display: inline-block;
            width: 50px;
            height: 50px;
            border: 2px solid #ccc;
            border-radius: 50%;
            margin: 10px;
            cursor: pointer;
            font-size: 18px;
            line-height: 46px;
        }

.active {
            background-color: #ccc;
        }

.message {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div class="panel">
        <div class="button" onclick="pressButton(1)">1</div>
        <div class="button" onclick="pressButton(2)">2</div>
        <div class="button" onclick="pressButton(3)">3</div>
        <div class="button" onclick="pressButton(4)">4</div>
        <div class="button" onclick="pressButton(5)">5</div>
    </div>
    <div class="message" id="message"></div>

for (var i = 0; i < buttons.length; i++) {
                buttons[i].classList.remove("active");
            }

var button = buttons[floor - 1];
            button.classList.add("active");

var message = document.getElementById("message");
            message.innerHTML = "Вы находитесь на " + floor + " этаже";
        }
    </script>
</body>
</html>