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

No:29958

←

Prev Next

→

Brawl Stars
Developer User14663｜Date and time 23/12/20 3:12:51
Build time 10.66 sec｜Game capacity 2.15KB｜

Script

Brawl Stars Game

←

Prev　Next

→ 　

Back　

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

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

<html>
  <head>
    <title>Brawl Stars Game</title>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }
      
      h1 {
        color: #FF2727;
      }
      
      #playArea {
        margin-top: 50px;
      }
      
      button {
        padding: 10px 20px;
        background-color: #FFC72C;
        border: none;
        color: #000;
        font-size: 16px;
        cursor: pointer;
        outline: none;
      }
      
      #pictograms {
        display: flex;
        justify-content: space-around;
        margin-top: 20px;
      }
      
      .pictogram {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Brawl Stars Game</h1>
    <div id="playArea">
      <button id="startBtn">Start Game</button>
      <div id="pictograms">
        <img class="pictogram" src="brawler1.png" alt="Brawler 1" />
        <img class="pictogram" src="brawler2.png" alt="Brawler 2" />
        <img class="pictogram" src="brawler3.png" alt="Brawler 3" />
      </div>
    </div>
    
    <script>
      // Declare necessary variables
      var gameStarted = false;
      
      // Function to handle game start button click
      function startGame() {
        gameStarted = true;
        document.getElementById("startBtn").disabled = true;
        document.getElementById("pictograms").style.pointerEvents = "auto";
      }
      
      // Attach event listener to start game button
      document.getElementById("startBtn").addEventListener("click", startGame);
      
      // Function to handle brawler selection
      function selectBrawler(event) {
        if (gameStarted) {
          var selectedBrawler = event.target.alt;
          alert("You selected " + selectedBrawler + " as your brawler!");
        }
      }
      
      // Attach event listener to brawler pictograms
      var pictograms = document.getElementsByClassName("pictogram");
      for (var i = 0; i < pictograms.length; i++) {
        pictograms[i].addEventListener("click", selectBrawler);
      }
    </script>
  </body>
</html>