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

No:43011

←

Prev Next

→

Rock Paper Scissors
Developer Bowgray｜Date and time 24/2/13 23:41:37
Build time 10.34 sec｜Game capacity 2.517KB｜

Script

Sure! Here's an example of a Rock, Paper, Scissors game implemented as a single HTML file:

Rock Paper Scissors

This HTML file creates a Rock, Paper, Scissors game interface with pictograms for each option. When the user clicks on an option, the game generates a random move for the computer and determines the winner. The result is displayed below the buttons.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a Rock, Paper, Scissors game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rock Paper Scissors</title>
  <style>
   /* CSS styles for pictograms */
   .rock { background: url('rock.png') no-repeat center center; }
   .paper { background: url('paper.png') no-repeat center center; }
   .scissors { background: url('scissors.png') no-repeat center center; }
  </style>
</head>
<body>
  <h1>Rock Paper Scissors</h1>
  
  <div id="game-options">
    <button onclick="chooseOption('rock')" class="rock"></button>
    <button onclick="chooseOption('paper')" class="paper"></button>
    <button onclick="chooseOption('scissors')" class="scissors"></button>
  </div>
  
  <h2 id="result"></h2>
  
  <script>
    // Function to start the game after page load
    window.onload = function() {
      startGame();
    };
  
    // Function to initialize the game
    function startGame() {
      document.getElementById('result').textContent = "Choose your option!";
    }
  
    // Function to handle user's selection and generate computer's move
    function chooseOption(userChoice) {
      var options = ['rock', 'paper', 'scissors'];
      var randomIndex = Math.floor(Math.random() * options.length);
      var computerChoice = options[randomIndex];
      
      document.getElementById('game-options').style.display = 'none';
      
      document.getElementById('result').textContent = "You chose " + userChoice +
          ". Computer chose " + computerChoice + ".";
      
      determineWinner(userChoice, computerChoice);
    }
  
    // Function to determine the winner and display the result
    function determineWinner(userChoice, computerChoice) {
      if (userChoice === computerChoice) {
        document.getElementById('result').textContent += " It's a tie!";
      } else if (
        (userChoice === 'rock' && computerChoice === 'scissors') ||
        (userChoice === 'paper' && computerChoice === 'rock') ||
        (userChoice === 'scissors' && computerChoice === 'paper')
      ) {
        document.getElementById('result').textContent += " You win!";
      } else {
        document.getElementById('result').textContent += " Computer wins!";
      }
    }
  </script>
</body>
</html>
```