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

No:17619

114

←

Prev Next

→

A game where rock paper and scissors are represent..ALL
Developer User7745｜Date and time 23/9/24 4:12:59
Build time 30.86 sec｜Game capacity 3.032KB｜

Script

Sure! Here's an implementation of the game you described using HTML and JavaScript:

Rock-Paper-Scissors & Tic Tac Toe

Save the code above into a single HTML file (e.g., game.html), and you can open it in any web browser on your smartphone to play the game. The game features a tic-tac-toe game board represented by cells, where you can place your moves by clicking on the empty cells. Rock, paper, and scissors are represented by the symbols ✊, ✋, and ✌️ respectively. The game also checks for win conditions and displays an alert message when a player wins.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's an implementation of the game you described using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rock-Paper-Scissors & Tic Tac Toe</title>
  <style>
    #game-board {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      margin-bottom: 10px;
    }
    .cell {
      height: 80px;
      width: 80px;
      background-color: #eee;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30px;
      font-weight: bold;
    }
    .selected {
      background-color: yellow;
    }
  </style>
</head>
<body>
  <h1>Rock-Paper-Scissors & Tic Tac Toe</h1>
  <div id="game-board">
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
  </div>
  <script>
    const cells = document.querySelectorAll('.cell');
    
    let playerTurn = 1; // Start with player 1
    let gameBoard = [0, 0, 0, 0, 0, 0, 0, 0, 0];
    let gameOver = false;
    
    // Event listener to handle cell clicks
    cells.forEach((cell, index) => {
      cell.addEventListener('click', () => {
        if (!gameOver && gameBoard[index] === 0) {
          gameBoard[index] = playerTurn;
          cell.textContent = getPlayerSymbol(playerTurn);
          cell.classList.add('selected');
          checkWinCondition();
          switchPlayer();
        }
      });
    });
    
    // Function to switch players
    function switchPlayer() {
      playerTurn = (playerTurn === 1) ? 2 : 1;
    }
    
    // Function to check win condition
    function checkWinCondition() {
      const winConditions = [
        [0, 1, 2], [3, 4, 5], [6, 7, 8], // Rows
        [0, 3, 6], [1, 4, 7], [2, 5, 8], // Columns
        [0, 4, 8], [2, 4, 6] // Diagonals
      ];
      
      for (const condition of winConditions) {
        const [a, b, c] = condition;
        if (gameBoard[a] !== 0 && gameBoard[a] === gameBoard[b] && gameBoard[b] === gameBoard[c]) {
          gameOver = true;
          cells[a].classList.add('selected');
          cells[b].classList.add('selected');
          cells[c].classList.add('selected');
          alert(`Player ${gameBoard[a]} wins!`);
          break;
        }
      }
    }
    
    // Function to get player's symbol
    function getPlayerSymbol(player) {
      const symbols = ['✊', '✋', '✌️'];
      return symbols[player - 1];
    }
  </script>
</body>
</html>
```