Elevator White Buttons 5 floors But You Press The Button The Button Color Changes To Orange's game

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

No:14213

←

Prev Next

→

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

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
<title>Elevator Game</title>
<script>
function changeButtonColor(floor) {
  var button = document.getElementById(floor);
  button.style.backgroundColor = "orange";
  button.disabled = true;
  alert("Вы находитесь на " + floor + " этаже!");
}

function startGame() {
  var floors = [1, 2, 3, 4, 5];

var container = document.createElement("div");
  container.style.textAlign = "center";
  
  var heading = document.createElement("h2");
  heading.innerHTML = "Лифт - Белые Кнопки";
  container.appendChild(heading);

var elevator = document.createElement("div");
  elevator.style.marginBottom = "20px";
  
  for(var i = 0; i < floors.length; i++) {
    var button = document.createElement("button");
    button.id = floors[i];
    button.innerHTML = "<img src='pictogram.png' alt='Floors Icon'>";
    button.style.backgroundColor = "white";
    button.style.margin = "5px";
    button.style.padding = "10px";
    button.style.border = "none";
    button.style.borderRadius = "5px";
    button.onclick = function() { changeButtonColor(this.id); };
    elevator.appendChild(button);
  }
  
  container.appendChild(elevator);
  
  document.body.appendChild(container);
}

window.onload = startGame;
</script>
</head>
<body>
</body>
</html>