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

No:23476

105

←

Prev Next

→

Create a rock, paper and scissors game
Developer User10937｜Date and time 23/10/31 18:20:38
Build time 57.297 sec｜Game capacity 3.612KB｜

Script

Sure! Here's an example of a Rock, Paper, Scissors game implemented as a single HTML file using JavaScript. It utilizes pictograms for easier smartphone operation.

Rock, Paper, Scissors

Score: 0

Make your choice:

The game starts by displaying three choices: "rock", "paper", and "scissors" as pictograms. When the player taps on one of the choices, the `playGame()` function is called with the selected choice as an argument. The game then randomly selects a choice for the computer and determines the winner using the `determineWinner()` function. The result is displayed on the screen, along with an updated score. The player can play again by tapping the "Play Again" button, which calls the `resetGame()` function.

←

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 using JavaScript. It utilizes pictograms for easier smartphone operation.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rock, Paper, Scissors Game</title>
</head>
<body>
  <div id="game-container">
    <h1>Rock, Paper, Scissors</h1>
    <div id="score-container">
        <h2>Score: <span id="score">0</span></h2>
    </div>
    <div id="result-container">
      <h3>Make your choice:</h3>
      <div id="choices-container">
        <div class="choice" onclick="playGame('rock')">
          <img src="rock.png" alt="Rock">
        </div>
        <div class="choice" onclick="playGame('paper')">
          <img src="paper.png" alt="Paper">
        </div>
        <div class="choice" onclick="playGame('scissors')">
          <img src="scissors.png" alt="Scissors">
        </div>
      </div>
    </div>
  </div>

function playGame(playerChoice) {
      const choices = ['rock', 'paper', 'scissors'];
      const computerChoice = choices[Math.floor(Math.random() * choices.length)];
      
      const result = determineWinner(playerChoice, computerChoice);
      displayResult(playerChoice, computerChoice, result);
    }

function resetGame() {
      const resultContainer = document.getElementById('result-container');
      const choicesContainer = document.getElementById('choices-container');
      
      resultContainer.innerHTML = '<h3>Make your choice:</h3>';
      choicesContainer.style.pointerEvents = 'auto'; // Enable choices after result display
      
      score = 0;
      document.getElementById('score').textContent = score;
    }
  </script>
</body>
</html>
```