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

No:35207

Place the Elephant, Zebra, Giraffe and Lion to the..ALL
Developer User16437｜Date and time 24/1/13 16:07:34
Build time 13.145 sec｜Game capacity 3.759KB｜

Script

Sure! Here's a simple game using JavaScript that you can play on a smartphone. It involves placing animals in their corresponding habitats.

Animal Habitat Game

Grass

Sea

Sky

The code will create three habitats: grass, sea, and sky. Each habitat has an associated area where you can drag and drop animals. The animals are represented by pictograms. To play the game, you can open the HTML file in a web browser on your smartphone. You will see the animals placed randomly in their respective habitats. Your task is to drag and drop each animal to its correct habitat - Elephant, Zebra, Giraffe, and Lion to the Grass, Fish, Shark, and Whale to the Sea, and Bird, Bat, and Bee to the Sky. Once you have placed all the animals in their correct habitats, you have successfully completed the game.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's a simple game using JavaScript that you can play on a smartphone. It involves placing animals in their corresponding habitats.

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Animal Habitat Game</title>
    <style>
      body {
        text-align: center;
      }
      #habitats {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
      }
      .habitat {
        width: 30%;
        height: 30vh;
        border: 2px solid black;
        padding: 20px;
        margin: 10px;
      }
      .animal {
        width: 80px;
        height: 80px;
        margin: 10px;
      }
      .icon {
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <h1>Animal Habitat Game</h1>
    <div id="habitats">
      <div id="grassHabitat" class="habitat">
        <h2>Grass</h2>
        <div id="grassArea"></div>
      </div>

// Shuffle animal arrays
      for (var key in animals) {
        animals[key].sort(() => Math.random() - 0.5);
      }

// Render habitats
      var grassArea = document.getElementById("grassArea");
      var seaArea = document.getElementById("seaArea");
      var skyArea = document.getElementById("skyArea");

grassArea.innerHTML = animals.grass
        .map((animal) => `<div class="animal">${animal}</div>`)
        .join("");

seaArea.innerHTML = animals.sea
        .map((animal) => `<div class="animal">${animal}</div>`)
        .join("");

skyArea.innerHTML = animals.sky
        .map((animal) => `<div class="animal">${animal}</div>`)
        .join("");

// Add drag and drop functionality
      var draggables = document.querySelectorAll(".animal");
      var habitats = document.querySelectorAll(".habitat");

draggables.forEach((draggable) => {
        draggable.addEventListener("dragstart", dragStart);
      });

habitats.forEach((habitat) => {
        habitat.addEventListener("dragover", dragOver);
        habitat.addEventListener("dragenter", dragEnter);
        habitat.addEventListener("dragleave", dragLeave);
        habitat.addEventListener("drop", dragDrop);
      });

var draggedAnimal;

function dragStart() {
        draggedAnimal = this;
        setTimeout(() => (this.style.display = "none"), 0);
      }

function dragOver(e) {
        e.preventDefault();
      }

function dragEnter(e) {
        e.preventDefault();
        this.style.border = "2px dashed black";
      }

function dragLeave() {
        this.style.border = "2px solid black";
      }

function dragDrop() {
        this.style.border = "2px solid black";
        this.appendChild(draggedAnimal);
      }
    </script>
  </body>
</html>
```
The code will create three habitats: grass, sea, and sky. Each habitat has an associated area where you can drag and drop animals. The animals are represented by pictograms.

To play the game, you can open the HTML file in a web browser on your smartphone. You will see the animals placed randomly in their respective habitats. Your task is to drag and drop each animal to its correct habitat - Elephant, Zebra, Giraffe, and Lion to the Grass, Fish, Shark, and Whale to the Sea, and Bird, Bat, and Bee to the Sky.

Once you have placed all the animals in their correct habitats, you have successfully completed the game.