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

No:15457

Card game but with different rules more or suck li..ALL
Developer User6707｜Date and time 23/9/9 9:32:24
Build time 14.981 sec｜Game capacity 2.574KB｜

Script

Sure! Here's an example of a simple card game implemented using JavaScript in a single HTML file. The game is inspired by Pokémon but with Mario monsters. The objective is to collect as many Mario monsters as possible by battling against them. The game can be played on a smartphone using pictograms.

Mario Monsters Card Game

Click on the "Battle" button to battle against a Mario monster and collect it.

To use this code, save it in a file with the `.html` extension and open it in a web browser. Each time you click the "Battle" button, a random Mario monster card will be displayed on the screen. You can continue battling to collect different Mario monsters. The pictograms for the Mario monsters should be placed in the same directory as the HTML file, and their filenames should match the ones defined in the `monsters` array.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mario Monsters Card Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 100px;
    }
    img {
      width: 100px;
    }
  </style>
</head>
<body>
  <h1>Mario Monsters Card Game</h1>
  <p>Click on the "Battle" button to battle against a Mario monster and collect it.</p>
  <button id="battleBtn">Battle</button>
  <div id="monsterContainer"></div>

// Function to randomly select a monster from the array
    function getRandomMonster() {
      var randomIndex = Math.floor(Math.random() * monsters.length);
      return monsters[randomIndex];
    }

// Function to create a card for a given monster
    function createCard(monster) {
      var card = document.createElement("div");
      card.className = "card";
      var monsterImg = document.createElement("img");
      monsterImg.src = monster.image;
      var monsterName = document.createElement("p");
      monsterName.textContent = monster.name;

card.appendChild(monsterImg);
      card.appendChild(monsterName);
      return card;
    }

// Event listener for the "Battle" button
    document.getElementById("battleBtn").addEventListener("click", function() {
      var randomMonster = getRandomMonster();
      var monsterCard = createCard(randomMonster);
      document.getElementById("monsterContainer").innerHTML = "";
      document.getElementById("monsterContainer").appendChild(monsterCard);
    });
  </script>
</body>
</html>
```