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

No:35113

Choose Your Fighter. Gorilla, Rhinoceros, Lion, Ti..ALL
Developer User16437｜Date and time 24/1/13 11:01:32
Build time 10.27 sec｜Game capacity 2.145KB｜

Script

Sure! Here's an example of a single HTML file that allows you to choose a fighter among Gorilla, Rhinoceros, Lion, Tiger, and Crocodile. The game will display pictograms for each fighter and let you select your choice using buttons.

Choose Your Fighter

In the code above, each fighter is represented by an `<img>` tag with an associated `id` for identification. The `src` attribute of each image tag contains the URL of the pictogram for that fighter. When you click the "Start Game" button, an event listener is added to each fighter's image. When an image is clicked, the chosen fighter's `id` is stored in the `chosenFighter` variable, and an alert message is displayed with the chosen fighter's name. Note: The URLs in the code point to sample pictograms. You can replace them with your own or use any pictograms of your choice. Feel free to modify the code further to add game logic or customize the design.

←

Prev　Next

→ 　

Back　

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

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

```
<!DOCTYPE html>
<html>
<head>
  <title>Choose Your Fighter</title>
  <style>
    body {
      text-align: center;
    }
    img {
      width: 100px;
      height: 100px;
      margin: 10px;
      cursor: pointer;
    }
    button {
      margin: 10px;
      padding: 5px 10px;
      font-size: 16px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Choose Your Fighter</h1>
  <img id="gorilla" src="https://i.imgur.com/8VCe7vU.png" alt="Gorilla">
  <img id="rhino" src="https://i.imgur.com/Y6LmK1r.png" alt="Rhinoceros">
  <img id="lion" src="https://i.imgur.com/1zXGlOK.png" alt="Lion">
  <img id="tiger" src="https://i.imgur.com/sTACJso.png" alt="Tiger">
  <img id="crocodile" src="https://i.imgur.com/9rygZ0U.png" alt="Crocodile">
  <br>
  <button id="startGame">Start Game</button>

In the code above, each fighter is represented by an `<img>` tag with an associated `id` for identification. The `src` attribute of each image tag contains the URL of the pictogram for that fighter.

When you click the "Start Game" button, an event listener is added to each fighter's image. When an image is clicked, the chosen fighter's `id` is stored in the `chosenFighter` variable, and an alert message is displayed with the chosen fighter's name.

Note: The URLs in the code point to sample pictograms. You can replace them with your own or use any pictograms of your choice.

Feel free to modify the code further to add game logic or customize the design.