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

No:40111

←

Prev Next

→

Creative Game
Developer User4389｜Date and time 24/2/1 6:33:18
Build time 8.097 sec｜Game capacity 2.358KB｜

Script

Sure! Here's an example of a simple rock-paper-scissors game implemented as a single HTML file with JavaScript:

Rock Paper Scissors Game

In this game, the user can click on the rock, paper, or scissors buttons represented by pictograms. The JavaScript code randomly chooses a move for the computer, determines the winner based on the choices, and displays the result using an alert box. You can replace the image URLs with appropriate pictogram URLs as per your preference. Additionally, you can style the game using CSS.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple rock-paper-scissors game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rock Paper Scissors</title>
</head>
<body>
  <h1>Rock Paper Scissors Game</h1>
  <div id="game">
    <button id="rock">
      <img src="rock.png" width="100" height="100">
    </button>
    <button id="paper">
      <img src="paper.png" width="100" height="100">
    </button>
    <button id="scissors">
      <img src="scissors.png" width="100" height="100">
    </button>
  </div>
  <script>
    // Function to generate random choice for the computer
    function computerChoice() {
      var choices = ['rock', 'paper', 'scissors'];
      var randomIndex = Math.floor(Math.random() * choices.length);
      return choices[randomIndex];
    }

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

// Get user choice and play the game
    function playGame(userChoice) {
      var computer = computerChoice();
      var result = determineWinner(userChoice, computer);
      alert("You chose: " + userChoice + "\nComputer chose: " + computer + "\n\n" + result);
    }

// Add event listeners to buttons
    document.getElementById('rock').addEventListener('click', function() {
      playGame('rock');
    });

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

document.getElementById('scissors').addEventListener('click', function() {
      playGame('scissors');
    });
  </script>
</body>
</html>
```

You can replace the image URLs with appropriate pictogram URLs as per your preference. Additionally, you can style the game using CSS.