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

No:6403

2662

←

Prev Next

→

Farm
Developer User3889｜Date and time 23/7/2 11:46:56
Build time 28.181 sec｜Game capacity 2.586KB｜

Script

Aquí tienes un ejemplo de un juego de granja básico implementado como un solo archivo HTML, que incluye JavaScript y está dentro de las etiquetas de script. Este juego asume operación en un smartphone y utiliza pictogramas para representar los elementos de la granja.

¡Bienvenido a tu granja!

Cuida de tus animales y tus cultivos para que tu granja prospere.

Animales:

Cultivos:

En este juego de granja básico, puedes hacer clic en los iconos de animales y cultivos para aumentar la cantidad de cada uno. Los recuentos se actualizan automáticamente en la página. Puedes personalizar las imágenes de los animales y cultivos cambiando los valores del atributo "src" en las etiquetas `<img>`.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Granja</title>
  <meta charset="utf-8">
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    img {
      width: 60px;
      height: 60px;
    }
  </style>
</head>
<body>
  <h1>¡Bienvenido a tu granja!</h1>
  <p>Cuida de tus animales y tus cultivos para que tu granja prospere.</p>
  <div>
    <h2>Animales:</h2>
    <img src="animal-1.png" alt="Animal 1" id="animal1">
    <img src="animal-2.png" alt="Animal 2" id="animal2">
    <img src="animal-3.png" alt="Animal 3" id="animal3">
  </div>
  <div>
    <h2>Cultivos:</h2>
    <img src="crop-1.png" alt="Cultivo 1" id="crop1">
    <img src="crop-2.png" alt="Cultivo 2" id="crop2">
    <img src="crop-3.png" alt="Cultivo 3" id="crop3">
  </div>
  
  <script>
    // Variables para llevar el control de la cantidad de animales y cultivos
    let animal1Count = 0;
    let animal2Count = 0;
    let animal3Count = 0;
    let crop1Count = 0;
    let crop2Count = 0;
    let crop3Count = 0;
  
    // Funciones para actualizar la cantidad de animales y cultivos
    function incrementAnimalCount(animal) {
      if (animal === 'animal1') {
        animal1Count++;
        document.getElementById(animal).textContent = animal1Count;
      } else if (animal === 'animal2') {
        animal2Count++;
        document.getElementById(animal).textContent = animal2Count;
      } else if (animal === 'animal3') {
        animal3Count++;
        document.getElementById(animal).textContent = animal3Count;
      }
    }
  
    function incrementCropCount(crop) {
      if (crop === 'crop1') {
        crop1Count++;
        document.getElementById(crop).textContent = crop1Count;
      } else if (crop === 'crop2') {
        crop2Count++;
        document.getElementById(crop).textContent = crop2Count;
      } else if (crop === 'crop3') {
        crop3Count++;
        document.getElementById(crop).textContent = crop3Count;
      }
    }
  </script>
</body>
</html>
```