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

No:36882

Rock paper scissors shoot
Developer Game Studio｜Date and time 24/1/19 4:15:26
Build time 11.589 sec｜Game capacity 2.564KB｜

Script

Sure! Here's a single HTML file implementation of the "Rock, Paper, Scissors" game using JavaScript and pictograms for smartphone operation:

Pictogram Rock, Paper, Scissors

In the code above, please make sure to replace the placeholder image file names (`emozi_all/rock.png`, `emozi_chicken.png`, and `emozi_all/scissors.png`) with the actual image file names you have for the pictograms. Also, ensure that the images are in the same directory as the HTML file. Now, when you open this HTML file on your smartphone, you will see the pictograms of rock, paper, and scissors. By tapping on any of them, the game will determine the computer's choice randomly and display the result below the options. Note: To clarify, the actual program is the HTML file itself, which is written with the necessary script tags enclosing the JavaScript code.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's a single HTML file implementation of the "Rock, Paper, Scissors" game using JavaScript and pictograms for smartphone operation:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Rock, Paper, Scissors</title>
  <style>
    body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      font-family: Arial, sans-serif;
    }
    h1 {
      margin-bottom: 2rem;
    }
    .options {
      display: flex;
      justify-content: center;
      gap: 1rem;
    }
    .result {
      margin-top: 2rem;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <h1>Pictogram Rock, Paper, Scissors</h1>
  <div class="options">
    <img src="rock.png" alt="Rock" width="100" height="100" onclick="play('rock')">
    <img src="paper.png" alt="Paper" width="100" height="100" onclick="play('paper')">
    <img src="scissors.png" alt="Scissors" width="100" height="100" onclick="play('scissors')">
  </div>
  <p class="result"></p>
  
  <script>
    function play(userChoice) {
      const choices = ['rock', 'paper', 'scissors'];
      const computerChoice = choices[Math.floor(Math.random() * choices.length)];
      
      let result = '';
      if (userChoice === computerChoice) {
        result = "It's a tie!";
      } else if (
        (userChoice === 'rock' && computerChoice === 'scissors') ||
        (userChoice === 'paper' && computerChoice === 'rock') ||
        (userChoice === 'scissors' && computerChoice === 'paper')
      ) {
        result = 'You win!';
      } else {
        result = 'You lose!';
      }
      
      const resultElement = document.querySelector('.result');
      resultElement.textContent = `You chose ${userChoice}. Computer chose ${computerChoice}. ${result}`;
    }
  </script>
</body>
</html>
```

In the code above, please make sure to replace the placeholder image file names (`rock.png`, `paper.png`, and `scissors.png`) with the actual image file names you have for the pictograms. Also, ensure that the images are in the same directory as the HTML file.

Now, when you open this HTML file on your smartphone, you will see the pictograms of rock, paper, and scissors. By tapping on any of them, the game will determine the computer's choice randomly and display the result below the options.

Note: To clarify, the actual program is the HTML file itself, which is written with the necessary script tags enclosing the JavaScript code.