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

No:26743

Doomspire Brickbattle: Tower defence of four tower..ALL
Developer User13175｜Date and time 23/12/2 9:22:28
Build time 73.36 sec｜Game capacity 3.173KB｜

Script

Doomspire Brickbattle

Click the button to cheer for your team!

In this game, you can choose a team to cheer for by clicking on the respective button (Red, Yellow, Green, Blue). Once you click a team button, you cannot click any other team button until you uncheer by clicking the "UNCHEER" button. The team you are cheering for will be displayed below the buttons. The game will determine the winning condition when all team buttons have been clicked (all teams have been cheered for). When this happens, an alert will be shown congratulating you for winning the game, and all team buttons will be uncheered automatically.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html

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

h1 {
  margin-top: 50px;
}

.container {
  margin-top: 100px;
}

.button {
  display: inline-block;
  padding: 10px 20px;
  margin: 5px;
  border: none;
  background-color: #ddd;
  font-size: 18px;
  cursor: pointer;
}

#redButton {
  background-color: #ff6666;
}

#yellowButton {
  background-color: #ffff66;
}

#greenButton {
  background-color: #66ff66;
}

#blueButton {
  background-color: #6666ff;
}

#uncheerButton {
  background-color: #ffcccc;
}

#status {
  margin-top: 50px;
  font-size: 20px;
}

.team {
  font-size: 24px;
  margin-bottom: 5px;
}
</style>
</head>
<body>
<h1>Doomspire Brickbattle</h1>
<div class="container">
  <button id="redButton" class="button" onclick="cheerTeam('red')">Red</button>
  <button id="yellowButton" class="button" onclick="cheerTeam('yellow')">Yellow</button>
  <button id="greenButton" class="button" onclick="cheerTeam('green')">Green</button>
  <button id="blueButton" class="button" onclick="cheerTeam('blue')">Blue</button>
  <button id="uncheerButton" class="button" onclick="unclickAll()">UNCHEER</button>
</div>
<div id="status">
  <p>Click the button to cheer for your team!</p>
  <p id="currentTeam" class="team"></p>
</div>

function unclickAll() {
  if (team === null) {
    return;
  }
  
  var button = document.getElementById(team + "Button");
  button.style.backgroundColor = "#" + team + team + team;
  button.disabled = false;
  button.style.cursor = "pointer";
  document.getElementById("currentTeam").textContent = "";
  
  team = null;
}

The game will determine the winning condition when all team buttons have been clicked (all teams have been cheered for). When this happens, an alert will be shown congratulating you for winning the game, and all team buttons will be uncheered automatically.