AI game creator

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

No:6380

214

←

Prev Next

→

Culcularar
Developer User3889｜Date and time 23/7/2 11:17:16
Build time 26.62 sec｜Game capacity 2.25KB｜

Script

Aquí tienes un juego simple implementado en un solo archivo HTML con JavaScript. El juego se trata de encontrar la imagen que coincide con la palabra mostrada en pantalla. Puedes jugar tocando las imágenes en un teléfono inteligente. Aquí está el código:

Este juego muestra una palabra en la parte superior y cuatro imágenes debajo de ella. El objetivo del juego es hacer clic en la imagen que coincide con la palabra mostrada. Si haces clic en la imagen correcta, aparecerá una alerta diciendo "¡Correcto!". Si haces clic en una imagen incorrecta, aparecerá una alerta diciendo "Incorrecto, inténtalo de nuevo". Puedes reemplazar las imágenes `emozi_rabbit.png`, `emozi_hamuster.png`, `emozi_dog.png` y `emozi_himawari.png` con tus propias imágenes o usar texto en su lugar. Espero que esto cumpla con tus requisitos y disfrutes del juego. ¡Buena suerte!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Juego de Coincidencia</title>
  <style>
    .game-container {
      text-align: center;
    }

.word {
      font-size: 30px;
      margin-bottom: 20px;
    }

.image {
      width: 150px;
      margin: 10px;
    }
  </style>
</head>
<body>
  <div class="game-container">
    <div class="word"></div>
    <img class="image" src="pictograma1.png" alt="Pictograma 1">
    <img class="image" src="pictograma2.png" alt="Pictograma 2">
    <img class="image" src="pictograma3.png" alt="Pictograma 3">
    <img class="image" src="pictograma4.png" alt="Pictograma 4">
  </div>

wordElement.textContent = targetWord;

for (var i = 0; i < images.length; i++) {
      images[i].addEventListener('click', function() {
        var clickedImage = this;
        var clickedWord = clickedImage.alt.split(' ')[1];
        
        if (clickedWord === targetWord) {
          alert('¡Correcto!');
        } else {
          alert('Incorrecto, inténtalo de nuevo.');
        }
      });
    }
  </script>
</body>
</html>
```

Puedes reemplazar las imágenes `pictograma1.png`, `pictograma2.png`, `pictograma3.png` y `pictograma4.png` con tus propias imágenes o usar texto en su lugar.

Espero que esto cumpla con tus requisitos y disfrutes del juego. ¡Buena suerte!