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

No:22424

150

←

Prev Next

→

Put stuff together to make stuff You can use The s..ALL
Developer User7456｜Date and time 23/10/22 15:03:52
Build time 31.073 sec｜Game capacity 2.375KB｜

Script

Alchemy Game

Combine Water and Fire

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Alchemy Game</title>
    <script>
      // Define the initial elements
      const elements = [
        { name: "water", icon: "🌊" },
        { name: "fire", icon: "🔥" }
      ];

// Function to display elements in the UI
      function displayElements() {
        const elementsContainer = document.getElementById("elements");
        elementsContainer.innerHTML = "";

elements.forEach((element) => {
          const elementDiv = document.createElement("div");
          elementDiv.textContent = element.icon;
          elementDiv.classList.add("element");

elementsContainer.appendChild(elementDiv);
        });
      }

// Function to combine elements
      function combineElements() {
        const combinedElement = { name: "", icon: "" };

// Check if water and fire are available
        const waterElementIndex = elements.findIndex((element) => element.name === "water");
        const fireElementIndex = elements.findIndex((element) => element.name === "fire");

if (waterElementIndex !== -1 && fireElementIndex !== -1) {
          // Remove water and fire elements
          elements.splice(waterElementIndex, 1);
          elements.splice(fireElementIndex, 1);

// Create a new combined element (e.g., steam)
          combinedElement.name = "steam";
          combinedElement.icon = "💨";

// Add the combined element to the elements array
          elements.push(combinedElement);

// Display the updated elements
          displayElements();
        }
      }

// Function to initialize the game
      function initializeGame() {
        // Display the initial elements
        displayElements();

// Add event listener to combine elements when clicked
        const combineButton = document.getElementById("combineButton");
        combineButton.addEventListener("click", combineElements);
      }

// Start the game
      initializeGame();
    </script>
    <style>
      /* Additional CSS styling can be added here */
      .element {
        font-size: 40px;
        display: inline-block;
        margin: 5px;
      }
    </style>
  </head>
  <body>
    <h1>Alchemy Game</h1>
    <h2>Combine Water and Fire</h2>
    <div id="elements"></div>
    <button id="combineButton">Combine</button>
  </body>
</html>