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

No:40579

Jan - Ken - Pon! It works like rock paper scissors..ALL
Developer User18205｜Date and time 24/2/3 17:05:53
Build time 10.38 sec｜Game capacity 3.235KB｜

Script

Sure! Here's an example of a rock paper scissors game implemented using JavaScript in a single HTML file:

Rock Paper Scissors Game

Select your choice:

In the code above, pictograms (images) for rock, paper, and scissors are used. You can replace their `src` attributes with the actual image filenames you have. The game starts with the user clicking on one of the pictograms to make their choice. The computer generates a random choice, and the round result is determined. The result is displayed on the page along with the player and computer choices and the current level. The game ends after 10 levels. Note: Update the image filenames and file extension (e.g., `emozi_bear.png`) as per your pictogram image files.

←

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 using JavaScript in a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Rock Paper Scissors Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>Rock Paper Scissors Game</h1>
    <p>Select your choice:</p>
    <img src="rock.png" alt="Rock" onclick="play('rock')">
    <img src="paper.png" alt="Paper" onclick="play('paper')">
    <img src="scissors.png" alt="Scissors" onclick="play('scissors')">
    <br><br>
    <p id="result"></p>
    
    <script>
        var level = 1;
        var maxLevels = 10;
        
        function play(playerChoice) {
            var computerChoice = generateComputerChoice();
            
            var result = getRoundResult(playerChoice, computerChoice);
            
            displayResult(result, playerChoice, computerChoice);
            
            if (level >= maxLevels) {
                endGame();
            } else {
                level++;
            }
        }
        
        function generateComputerChoice() {
            var choices = ['rock', 'paper', 'scissors'];
            var randomIndex = Math.floor(Math.random() * choices.length);
            return choices[randomIndex];
        }
        
        function getRoundResult(playerChoice, computerChoice) {
            if (playerChoice === computerChoice) {
                return 'It\'s a tie!';
            } else if (
                (playerChoice === 'rock' && computerChoice === 'scissors') ||
                (playerChoice === 'paper' && computerChoice === 'rock') ||
                (playerChoice === 'scissors' && computerChoice === 'paper')
            ) {
                return 'You win!';
            } else {
                return 'You lose!';
            }
        }
        
        function displayResult(result, playerChoice, computerChoice) {
            var resultElement = document.getElementById('result');
            resultElement.innerHTML = result + '<br><br>';
            resultElement.innerHTML += 'You chose: ' + playerChoice + '<br>';
            resultElement.innerHTML += 'Computer chose: ' + computerChoice + '<br><br>';
            resultElement.innerHTML += 'Level: ' + level + ' / ' + maxLevels + '<br>';
        }
        
        function endGame() {
            var resultElement = document.getElementById('result');
            resultElement.innerHTML += '<br><br>';
            resultElement.innerHTML += 'Game over! You reached the maximum level.';
        }
    </script>
</body>
</html>
```

Note: Update the image filenames and file extension (e.g., `.png`) as per your pictogram image files.