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

No:30898

141

←

Prev Next

→

Idle games the farm
Developer User14970｜Date and time 23/12/24 14:14:59
Build time 9.484 sec｜Game capacity 1.967KB｜

Script

Le Jeu de la Ferme

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Le Jeu de la Ferme</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      padding: 20px;
    }
    #farm {
      width: 200px;
      height: 200px;
      border: 1px solid black;
      margin-bottom: 20px;
    }
    #btn-fertilize {
      margin-right: 10px;
    }
    #btn-water {
      margin-left: 10px;
    }
  </style>
</head>
<body>
  <h1>Le Jeu de la Ferme</h1>
  <div id="farm"></div>
  <button id="btn-fertilize">🌱 Fertiliser</button>
  <button id="btn-water">💧 Arroser</button>

// Function to update the farm visuals based on the current state
    function updateFarm() {
      const farmDiv = document.getElementById('farm');

// Clear previous state
      while (farmDiv.firstChild) {
        farmDiv.firstChild.remove();
      }

// Add crop pictogram if farm is fertilized and watered
      if (farmState.fertilized && farmState.watered) {
        const cropImg = document.createElement('img');
        cropImg.src = 'crop.png';
        cropImg.alt = 'Crop';
        cropImg.style.width = '100px';
        farmDiv.appendChild(cropImg);
      }
    }

// Function to handle fertilize button click
    function fertilize() {
      if (!farmState.fertilized) {
        farmState.fertilized = true;
        updateFarm();
      }
    }

// Function to handle water button click
    function water() {
      if (!farmState.watered) {
        farmState.watered = true;
        updateFarm();
      }
    }

// Event listeners for button clicks
    document.getElementById('btn-fertilize').addEventListener('click', fertilize);
    document.getElementById('btn-water').addEventListener('click', water);

// Initial farm update
    updateFarm();
  </script>
</body>
</html>