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

No:14216

Elevator White Buttons 5 floors But You Press The ..ALL
Developer User6030｜Date and time 23/8/31 4:20:23
Build time 15.173 sec｜Game capacity 2.009KB｜

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>
    <style>
        body {
            background-color: #f1f1f1;
            font-family: Arial, sans-serif;
            text-align: center;
            padding-top: 50px;
        }
        
        h1 {
            color: #333;
        }
        
        .button {
            display: inline-block;
            width: 50px;
            height: 50px;
            margin: 5px;
            border-radius: 50%;
            background-color: white;
            border: 1px solid #ccc;
            transition: background-color 0.3s ease;
            cursor: pointer;
        }
        
        .button.orange {
            background-color: orange;
        }
        
        #elevator {
            width: 50px;
            height: 50px;
            background-color: gray;
            position: relative;
            margin-top: 50px;
            transition: margin-top 1s ease;
        }
    </style>
</head>
<body>
    <h1>Лифт</h1>
    <div class="button" onclick="changeButtonColor(1)"></div>
    <div class="button" onclick="changeButtonColor(2)"></div>
    <div class="button" onclick="changeButtonColor(3)"></div>
    <div class="button" onclick="changeButtonColor(4)"></div>
    <div class="button" onclick="changeButtonColor(5)"></div>
    <div id="elevator"></div>

// Reset the color of all buttons
            for(let i = 0; i < buttons.length; i++) {
                buttons[i].classList.remove('orange');
            }

// Change the color of the pressed button to orange
            buttons[floor-1].classList.add('orange');

// Move the elevator to the selected floor
            const elevator = document.getElementById('elevator');
            elevator.style.marginTop = (floor-1) * 60 + 'px';
        }
    </script>
</body>
</html>