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

No:43730

←

Prev Next

→

Alley roller bingo game
Developer User19243｜Date and time 24/2/16 12:50:56
Build time 13.761 sec｜Game capacity 3.991KB｜

Script

Sure, here is an example of an Alley Roller Bingo game implemented as a single HTML file using JavaScript:

Alley Roller Bingo Game

To play the game, simply save the above code in a file with the `.html` extension and open it in a web browser on your smartphone. You will see a game board consisting of pictograms. Tap on each pictogram to select/unselect it. The game will check if a row, column, or diagonal has been completed and display a bingo message if so. To reset the game, simply refresh the page. Enjoy playing Alley Roller Bingo!

←

Prev　Next

→ 　

Back　

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

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

Sure, here is an example of an Alley Roller Bingo game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Alley Roller Bingo Game</title>
   <style>
     /* Add some simple styling for the game */
     body {
        font-family: Arial, sans-serif;
        text-align: center;
     }
     h1 {
        margin-top: 50px;
     }
     #game-container {
        margin-top: 50px;
     }
     .pictogram {
        width: 80px;
        height: 80px;
        margin: 10px;
        display: inline-block;
        cursor: pointer;
     }
     .selected {
        background-color: yellow;
     }
   </style>
</head>
<body>
   <h1>Alley Roller Bingo Game</h1>
   <div id="game-container"></div>

// Create the game board
      const gameContainer = document.getElementById('game-container');

pictograms.forEach((pictogram, index) => {
         const pictogramElement = document.createElement('div');
         pictogramElement.classList.add('pictogram');
         pictogramElement.innerText = pictogram.name;

// Add click event listener to select/unselect pictogram
         pictogramElement.addEventListener('click', () => {
            pictogram.selected = !pictogram.selected;
            pictogramElement.classList.toggle('selected');

checkBingo();
         });

gameContainer.appendChild(pictogramElement);
      });

// Check if there is a bingo
      function checkBingo() {
         // Check rows
         for (let i = 0; i <= 6; i += 3) {
            if (
               pictograms[i].selected &&
               pictograms[i + 1].selected &&
               pictograms[i + 2].selected
            ) {
               alert('Bingo! You completed a row.');
               resetGame();
               return;
            }
         }

// Check columns
         for (let i = 0; i <= 2; i++) {
            if (
               pictograms[i].selected &&
               pictograms[i + 3].selected &&
               pictograms[i + 6].selected
            ) {
               alert('Bingo! You completed a column.');
               resetGame();
               return;
            }
         }

// Check diagonals
         if (
            (pictograms[0].selected &&
               pictograms[4].selected &&
               pictograms[8].selected) ||
            (pictograms[2].selected &&
               pictograms[4].selected &&
               pictograms[6].selected)
         ) {
            alert('Bingo! You completed a diagonal.');
            resetGame();
            return;
         }
      }

// Reset the game
      function resetGame() {
         pictograms.forEach((pictogram) => {
            pictogram.selected = false;
         });

const selectedElements = document.querySelectorAll('.selected');
         selectedElements.forEach((element) => {
            element.classList.remove('selected');
         });
      }
   </script>
</body>
</html>
```