<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Biomnitrix Alien Generator</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    .container {
      max-width: 600px;
      margin: 0 auto;
      padding: 20px;
      border: 1px solid #ccc;
      border-radius: 5px;
    }
    label {
      display: block;
      margin-bottom: 5px;
    }
    input[type="number"] {
      width: 100%;
      padding: 8px;
      margin-bottom: 10px;
      border: 1px solid #ccc;
      border-radius: 3px;
    }
    .category-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
    }
    button {
      background-color: #4CAF50;
      color: white;
      padding: 10px 20px;
      border: none;
      border-radius: 3px;
      cursor: pointer;
    }
    button:hover {
      background-color: #45a049;
    }
    .result {
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 3px;
    }
  </style>
</head>
<body>
  <div class="container">
    <h2>Random Biomnitrix Alien Generator</h2>
    <div class="category-container">
      <button onclick="generateRandomBattle()">Generate Alien</button>
      <div class="result" id="resultBattle"></div>
    </div>
  </div>

  <script>
    var alienCategories = {
      alien: ['Heatblast', 'Four Arms', 'XLR8', 'Diamondhead', 'Upgrade', 'Ghostfreak', 'Ripjaws', 'Stinkfly', 'Wildmutt', 'Grey Matter', 'Cannonbolt', 'Wildvine', 'Blitzwolfer', 'Snare-oh', 'Frankenstrike', 'Upchuck', 'Ditto', 'Eye Guy', 'Way Big', 'Spitter', 'Buzzshock', 'Arctiguana', 'Swampfire', 'Echo Echo', 'Humungousaur', 'Jetray', 'Big Chill', 'Chromastone', 'Brainstorm', 'Spidermonkey', 'Goop', 'Alien X', 'Lodestar', 'Rath', 'Nanomech', 'Water Hazard', 'AmpFibian', 'Armodrillo', 'Terraspin', 'NRG', 'Fasttrack', 'Clockwork', 'ChamAlien', 'Eatle', 'Juryrigg', 'Shocksquatch', 'Feedback', 'Bloxx', 'Gravattack', 'Crashhopper', 'Ball Weevil', 'Walkatrout', 'Pesky Dust', 'Mole-Stache', 'The Worst', 'Kickin Hawk', 'Toepick', 'Astrodactyl', 'Bullfrag', 'Atomix', 'Gutrot', 'Whampire'],
      // Add more categories and aliens as needed
    };

    function generateRandomBattle() {
      var aliens = alienCategories.alien;

      var randomIndex1 = Math.floor(Math.random() * aliens.length);
      var randomIndex2 = Math.floor(Math.random() * aliens.length);

      var randomAlien1 = aliens[randomIndex1];
      var randomAlien2 = aliens[randomIndex2];

      document.getElementById('resultBattle').innerHTML = randomAlien1 + '/' + randomAlien2;
    }
  </script>
</body>
</html>
by