AI game creator

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

No:42369

125

←

Prev Next

→

Grow park
Developer User18785｜Date and time 24/2/11 15:01:59
Build time 4.973 sec｜Game capacity 1.655KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Grow Park</title>
</head>
<body>
  <script>

let objects = ['tree', 'house', 'pond', 'flower', 'bench'];
    let currentObject = '';
    let park = [];

function displayPark() {
      let parkDisplay = document.getElementById('park-display');
      parkDisplay.innerHTML = '';
      
      for (let i = 0; i < park.length; i++) {
        let objectImage = document.createElement('img');
        objectImage.src = park[i] + '.png';
        objectImage.alt = park[i];
        parkDisplay.appendChild(objectImage);
      }
    }

function addObject(object) {
      if (park.length < 5) {
        park.push(object);
        displayPark();
      } else {
        alert('Park is full!');
      }
    }

function startGame() {
      let addButton = document.createElement('button');
      addButton.innerText = 'Add Object';
      addButton.onclick = function() {
        addObject(currentObject);
      };

let chooseObject = document.createElement('select');
      chooseObject.onchange = function() {
        currentObject = chooseObject.value;
      };
      
      for (let i = 0; i < objects.length; i++) {
        let objectOption = document.createElement('option');
        objectOption.value = objects[i];
        objectOption.innerText = objects[i];
        chooseObject.appendChild(objectOption);
      }

document.body.appendChild(chooseObject);
      document.body.appendChild(addButton);

let parkDisplay = document.createElement('div');
      parkDisplay.id = 'park-display';
      document.body.appendChild(parkDisplay);
    }

startGame();

</script>
</body>
</html>