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

No:41751

←

Prev Next

→

Fighting game
Developer User18726｜Date and time 24/2/9 19:24:08
Build time 13.666 sec｜Game capacity 2.966KB｜

Script

Sure! Here's an example of a simple rock-paper-scissors game implemented using HTML and JavaScript. The game can be played on a smartphone and uses pictograms to represent the choices. The game starts as soon as the page loads.

Rock Paper Scissors

In this example, I've used pictograms (rock.png, paper.png, scissors.png) to represent the choices in the game. You can replace these images with your own if you prefer. When the user clicks on a choice, the `handleUserChoice` function is called, which generates a random choice for the computer using the `getComputerChoice` function. Then, it determines the winner using the `determineWinner` function and displays the result on the page. I hope this helps you get started with your fighting game! Let me know if you have any further questions.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rock Paper Scissors Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #choices {
      display: flex;
      justify-content: space-around;
      margin: 30px auto;
      max-width: 500px;
    }
    #choices img {
      width: 80px;
      height: 80px;
      cursor: pointer;
    }
    #result {
      font-size: 24px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Rock Paper Scissors</h1>
  <div id="choices">
    <img src="rock.png" alt="Rock" id="rock">
    <img src="paper.png" alt="Paper" id="paper">
    <img src="scissors.png" alt="Scissors" id="scissors">
  </div>
  <div id="result"></div>

// Function to generate a random choice for the computer
    function getComputerChoice() {
      const 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!";
      }
      if (
        (userChoice === "rock" && computerChoice === "scissors") ||
        (userChoice === "paper" && computerChoice === "rock") ||
        (userChoice === "scissors" && computerChoice === "paper")
      ) {
        return "You win!";
      }
      return "Computer wins!";
    }

// Function to handle the user's choice
    function handleUserChoice(userChoice) {
      const computerChoice = getComputerChoice();
      const result = determineWinner(userChoice, computerChoice);
      document.getElementById("result").innerHTML = result;
    }

// Add event listeners to the choices
    document.getElementById("rock").addEventListener("click", function() {
      handleUserChoice("rock");
    });
    document.getElementById("paper").addEventListener("click", function() {
      handleUserChoice("paper");
    });
    document.getElementById("scissors").addEventListener("click", function() {
      handleUserChoice("scissors");
    });
  </script>
</body>
</html>
```

In this example, I've used pictograms (rock.png, paper.png, scissors.png) to represent the choices in the game. You can replace these images with your own if you prefer.

When the user clicks on a choice, the `handleUserChoice` function is called, which generates a random choice for the computer using the `getComputerChoice` function. Then, it determines the winner using the `determineWinner` function and displays the result on the page.

I hope this helps you get started with your fighting game! Let me know if you have any further questions.