Rock paper sicers but the computer breaks the rules's game

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

No:11532

410

←

Prev Next

→

Rock paper sicers but the computer breaks the rule..ALL
Developer User4910｜Date and time 23/8/10 22:14:58
Build time 24.666 sec｜Game capacity 3.163KB｜

Script

Sure! Here's an implementation of the Rock, Paper, Scissors game where the computer breaks the rules. The game is designed for smartphone operation and uses pictograms for the choices.

Rock, Paper, Scissors Game

In the above code, the game takes user input and generates a random choice for the computer. It then determines the winner based on the choices and displays the result using pictograms. The user can click on the buttons to select their choice (rock, paper, or scissors). The game result is shown below the choices. Note: The code assumes that you have separate image files for each choice (rock.png, paper.png, scissors.png) in an `images` folder inside the same directory as the HTML file.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's an implementation of the Rock, Paper, Scissors game where the computer breaks the rules. The game is designed for smartphone operation and uses pictograms for the choices.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Rock, Paper, Scissors Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            padding-top: 100px;
        }
    </style>
</head>
<body>
    <h2>Rock, Paper, Scissors Game</h2>
    <img id="userChoice" src="#" alt="User Choice">
    <img id="computerChoice" src="#" alt="Computer Choice">
    <h3 id="result"></h3>
    
    <script>
        function getRandomChoice() {
            const choices = ["✊", "✋", "✌️"];
            const randomIndex = Math.floor(Math.random() * (choices.length));
            return choices[randomIndex];
        }
        
        function getUserChoice(userInput) {
            const choices = {
                rock: "✊",
                paper: "✋",
                scissors: "✌️"
            };
            return choices[userInput];
        }
        
        function determineWinner(userChoice, computerChoice) {
            if (userChoice === computerChoice) {
                return "It's a tie!";
            } else if (
                (userChoice === "✊" && computerChoice === "✌️") ||
                (userChoice === "✋" && computerChoice === "✊") ||
                (userChoice === "✌️" && computerChoice === "✋")
            ) {
                return "You Win!";
            } else {
                return "Computer Wins!";
            }
        }
        
        function playGame(userInput) {
            const userChoice = getUserChoice(userInput);
            const computerChoice = getRandomChoice();
            
            document.getElementById("userChoice").src = "images/" + userChoice + ".png";
            document.getElementById("computerChoice").src = "images/" + computerChoice + ".png";
            
            const result = determineWinner(userChoice, computerChoice);
            document.getElementById("result").innerText = result;
        }
        
        // User Input
        const buttons = Array.from(document.getElementsByTagName("button"));
        buttons.forEach(button => {
            button.addEventListener("click", function() {
                const userInput = this.getAttribute("data-choice");
                playGame(userInput);
            });
        });
    </script>
    
    <button data-choice="rock">Rock</button>
    <button data-choice="paper">Paper</button>
    <button data-choice="scissors">Scissors</button>
</body>
</html>
```

Note: The code assumes that you have separate image files for each choice (rock.png, paper.png, scissors.png) in an `images` folder inside the same directory as the HTML file.