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

No:12912

173

←

Prev Next

→

A rock paper scissors game where the ai makes a ra..ALL
Developer FirstNormalPerson｜Date and time 23/8/25 2:34:03
Build time 25.347 sec｜Game capacity 2.941KB｜

Script

Sure! Here's an example of a rock-paper-scissors game implemented as a single HTML file using JavaScript and pictograms for a smartphone operation. This game allows you to play against the AI, which makes a random move.

Rock Paper Scissors

In this game, there are three pictograms representing rock, paper, and scissors. By clicking on one of them, your move is registered and the AI makes a random move. The winner is determined based on the classic rules of rock-paper-scissors, and the result is displayed on the page. Please note that you will need to provide the actual image paths for the `src` attributes of the `img` tags to display the pictograms correctly.

←

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 Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        h1 {
            font-size: 24px;
            margin-bottom: 20px;
        }
        
        #game-icons img {
            width: 100px;
            margin: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Rock Paper Scissors</h1>
    <div id="game-icons">
        <img src="rock.png" alt="rock" id="rock">
        <img src="paper.png" alt="paper" id="paper">
        <img src="scissors.png" alt="scissors" id="scissors">
    </div>
    <div id="result"></div>

// Function to determine the winner
        function determineWinner(playerMove, aiMove) {
            if (playerMove === aiMove) {
                return "It's a tie!";
            } else if (
                (playerMove === 'rock' && aiMove === 'scissors') ||
                (playerMove === 'paper' && aiMove === 'rock') ||
                (playerMove === 'scissors' && aiMove === 'paper')
            ) {
                return "You win!";
            } else {
                return "AI wins!";
            }
        }

// Event listeners for player moves
        document.getElementById('rock').addEventListener('click', function () {
            playGame('rock');
        });

document.getElementById('paper').addEventListener('click', function () {
            playGame('paper');
        });

document.getElementById('scissors').addEventListener('click', function () {
            playGame('scissors');
        });

// Main game function
        function playGame(playerMove) {
            const aiMove = getAIMove();
            const resultDiv = document.getElementById('result');
            const result = determineWinner(playerMove, aiMove);
            resultDiv.innerHTML = `You chose ${playerMove}, AI chose ${aiMove}. ${result}`;
        }
    </script>
</body>
</html>
```

Please note that you will need to provide the actual image paths for the `src` attributes of the `img` tags to display the pictograms correctly.