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

No:46672

←

Prev Next

→

Rock paper siccors
Developer User19525｜Date and time 24/2/25 18:45:26
Build time 7.385 sec｜Game capacity 2.324KB｜

Script

Rock Paper Scissors Game

Choose your move by tapping on the pictograms below:

This is a simple Rock Paper Scissors game implemented as a single HTML file with JavaScript enclosed in script tags. The game can be played on a smartphone by tapping on the pictograms representing rock, paper, and scissors. The game tracks the player's score and the computer's score, and displays the result after each round. The first player to reach a score of 3 wins the game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Rock Paper Scissors</title>
</head>
<body>
    <h1>Rock Paper Scissors Game</h1>
    <p>Choose your move by tapping on the pictograms below:</p>
    <div id="options">
        <img src="rock.png" alt="Rock" onclick="playRound('rock')">
        <img src="paper.png" alt="Paper" onclick="playRound('paper')">
        <img src="scissors.png" alt="Scissors" onclick="playRound('scissors')">
    </div>
    <p id="result"></p>
    
    <script>
        let playerScore = 0;
        let computerScore = 0;
        
        function playRound(playerSelection) {
            const choices = ['rock', 'paper', 'scissors'];
            const computerSelection = choices[Math.floor(Math.random() * choices.length)];

let result = '';

if (playerSelection === computerSelection) {
                result = "It's a tie!";
            } else if (
                (playerSelection === 'rock' && computerSelection === 'scissors') ||
                (playerSelection === 'paper' && computerSelection === 'rock') ||
                (playerSelection === 'scissors' && computerSelection === 'paper')
            ) {
                playerScore++;
                result = "You Win!";
            } else {
                computerScore++;
                result = "Computer Wins!";
            }

document.getElementById("result").innerHTML = `You chose ${playerSelection}, computer chose ${computerSelection}. ${result}<br>Player: ${playerScore} | Computer: ${computerScore}`;

if (playerScore === 3) {
                alert("Congratulations! You win the game!");
                playerScore = 0;
                computerScore = 0;
            } else if (computerScore === 3) {
                alert("Computer wins the game. Try again!");
                playerScore = 0;
                computerScore = 0;
            }
        }
    </script>
</body>
</html>
```