AI game creator

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

No:13823

←

Prev Next

→

Лифт
Developer User6030｜Date and time 23/8/30 3:50:58
Build time 18.558 sec｜Game capacity 2.179KB｜

Script

Этаж: 1

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

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

.lift {
			width: 250px;
			height: 500px;
			border: 2px solid black;
			margin: 20px auto;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			padding: 10px;
			box-sizing: border-box;
		}

.floor {
			width: 100%;
			padding: 5px;
			box-sizing: border-box;
		}

.button {
			width: 50px;
			height: 30px;
			background-color: #f5f5f5;
			border: 1px solid #cccccc;
			border-radius: 5px;
			cursor: pointer;
		}

.display {
			width: 100%;
			height: 50px;
			background-color: #f5f5f5;
			border: 1px solid #cccccc;
			margin-bottom: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

.pictogram {
			width: 30px;
			height: 30px;
		}

.hidden {
			display: none;
		}
	</style>
</head>
<body>
	<div class="lift">
		<div class="floor">
			<button class="button" onclick="moveToFloor(5)"><img class="pictogram" src="lift_up.png" alt="UP"></button>
		</div>
		<div class="floor">
			<button class="button" onclick="moveToFloor(4)"><img class="pictogram" src="lift_down.png" alt="DOWN"></button>
		</div>
		<div class="floor">
			<button class="button" onclick="moveToFloor(3)"><img class="pictogram" src="lift_up.png" alt="UP"></button>
		</div>
		<div class="floor">
			<button class="button" onclick="moveToFloor(2)"><img class="pictogram" src="lift_down.png" alt="DOWN"></button>
		</div>
		<div class="floor">
			<button class="button" onclick="moveToFloor(1)"><img class="pictogram" src="lift_up.png" alt="UP"></button>
		</div>
		<div class="display">Этаж: <span id="currentFloor">1</span></div>
	</div>

function moveToFloor(floor) {
			currentFloor = floor;

for (let i = 0; i < floors.length; i++) {
				floors[i].classList.remove("hidden");
			}
			floors[floor - 1].classList.add("hidden");
			currentFloorDisplay.innerText = floor;
		}
	</script>
</body>
</html>