AI game creator

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

No:40105

←

Prev Next

→

A boardgame
Developer User17970｜Date and time 24/2/1 5:29:24
Build time 10.983 sec｜Game capacity 2.646KB｜

Script

Sure! Here's an example of a simple board game implemented as a single HTML file using JavaScript:

This code creates a simple tic-tac-toe game that can be played on a smartphone. It uses pictograms in the form of X and O symbols for the players. Players take turns by tapping on the cells of the board, and the game continues until one player wins or it's a tie. Once a game ends, an alert is shown, and players can reset the game to play again.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple board game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #board {
      display: flex;
      flex-wrap: wrap;
      width: 300px;
      height: 300px;
      border: 1px solid black;
    }

.cell {
      width: 33.33%;
      height: 33.33%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 40px;
    }

.player1 {
      background-color: lightblue;
    }

.player2 {
      background-color: lightgreen;
    }
  </style>
</head>
<body>
  <div id="board"></div>

// Create the board
    var board = document.getElementById("board");
    for (var i = 0; i < 9; i++) {
      var cell = document.createElement("div");
      cell.className = "cell";
      cell.addEventListener("click", cellClick);
      cells.push(cell);
      board.appendChild(cell);
    }

// Handle cell click
    function cellClick() {
      if (this.textContent === "") {
        this.textContent = currentPlayer === 1 ? "X" : "O";
        this.classList.add(currentPlayer === 1 ? "player1" : "player2");
        currentPlayer = currentPlayer === 1 ? 2 : 1;
        checkWin();
      }
    }

// Check for a winning combination
    function checkWin() {
      var combinations = [
        [0, 1, 2],
        [3, 4, 5],
        [6, 7, 8],
        [0, 3, 6],
        [1, 4, 7],
        [2, 5, 8],
        [0, 4, 8],
        [2, 4, 6]
      ];

for (var i = 0; i < combinations.length; i++) {
        var comb = combinations[i];
        if (cells[comb[0]].textContent !== "" &&
            cells[comb[0]].textContent === cells[comb[1]].textContent &&
            cells[comb[1]].textContent === cells[comb[2]].textContent) {
          alert("Player " + currentPlayer + " wins!");
          resetGame();
          return;
        }
      }

// Check for a tie
      if (cells.every(cell => cell.textContent !== "")) {
        alert("It's a tie!");
        resetGame();
      }
    }

// Reset the game
    function resetGame() {
      currentPlayer = 1;
      cells.forEach(cell => {
        cell.textContent = "";
        cell.className = "cell";
      });
    }
  </script>
</body>
</html>
```