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

No:17622

A game where rock paper and scissors are represent..ALL
Developer User7745｜Date and time 23/9/24 4:15:40
Build time 39.205 sec｜Game capacity 4.103KB｜

Script

Sure! Here's a single HTML file implementation of the game using JavaScript, enclosed in script tags. The game allows you to choose rock, paper, or scissors, and also incorporates elements of tic-tac-toe where winners can place their symbol anywhere on the board:

Rock, Paper, Scissors + Tic-Tac-Toe Game

Choose:

Result:

To play the game, simply open the HTML file in a web browser on your smartphone and interact with the provided UI. The game allows you to choose rock, paper, or scissors, and also play tic-tac-toe. Enjoy!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Rock, Paper, Scissors + Tic-Tac-Toe Game</title>
</head>
<body>
    <h1>Rock, Paper, Scissors + Tic-Tac-Toe Game</h1>
    <p>Choose: <button onclick="choose(1)">Rock</button> <button onclick="choose(2)">Paper</button> <button onclick="choose(3)">Scissors</button></p>
    <p>Result: <span id="result"></span></p>
    <table id="board">
        <tr>
            <td onclick="place(0, 0)"></td>
            <td onclick="place(0, 1)"></td>
            <td onclick="place(0, 2)"></td>
        </tr>
        <tr>
            <td onclick="place(1, 0)"></td>
            <td onclick="place(1, 1)"></td>
            <td onclick="place(1, 2)"></td>
        </tr>
        <tr>
            <td onclick="place(2, 0)"></td>
            <td onclick="place(2, 1)"></td>
            <td onclick="place(2, 2)"></td>
        </tr>
    </table>

// Rock, Paper, Scissors function
        function choose(choice) {
            if (gameInProgress) {
                var computerChoice = Math.floor(Math.random() * 3) + 1;

// Determine winner
                var result = "";
                if (choice === computerChoice) {
                    result = "Draw!";
                } else if ((choice === 1 && computerChoice === 3) || (choice === 2 && computerChoice === 1) || (choice === 3 && computerChoice === 2)) {
                    result = "You Win!";
                    currentPlayer = 1;
                } else {
                    result = "Computer Wins!";
                    currentPlayer = 2;
                }

// Display the result
                document.getElementById("result").innerText = "Player " + currentPlayer + ": " + result;
            }
        }

// Tic-tac-toe place function
        function place(row, col) {
            if (gameInProgress && board[row][col] === 0) {
                board[row][col] = currentPlayer; // Place player's symbol on the board

// Check for tic-tac-toe win
                if (checkWin(currentPlayer)) {
                    gameInProgress = false;
                    document.getElementById("result").innerText = "Player " + currentPlayer + " wins!";
                }

// Switch to the other player
                currentPlayer = (currentPlayer === 1) ? 2 : 1;

// Update the game board visually
                var cell = document.getElementById("board").rows[row].cells[col];
                cell.innerText = currentPlayer;
            }
        }

// Checks if the given player has won
        function checkWin(player) {
            // Check rows
            for (var i = 0; i < 3; i++) {
                if (board[i][0] === player && board[i][1] === player && board[i][2] === player) {
                    return true;
                }
            }

// Check columns
            for (var j = 0; j < 3; j++) {
                if (board[0][j] === player && board[1][j] === player && board[2][j] === player) {
                    return true;
                }
            }

// Check diagonals
            if ((board[0][0] === player && board[1][1] === player && board[2][2] === player) ||
                (board[0][2] === player && board[1][1] === player && board[2][0] === player)) {
                return true;
            }

return false;
        }
    </script>
</body>
</html>
```