Juego Tres en Raya (Francotiradorg)

game, tic, tac-944386.jpg

Las instrucciones para jugar al juego de 3 en raya (Tic Tac Toe), es la siguiente:

  1. Verás un tablero de juego con 9 celdas vacías representadas como un cuadrado dividido en 9 celdas más pequeñas.
  2. El primer jugador será ‘X’. Haz clic en una celda vacía para hacer tu movimiento. Aparecerá una ‘X’ en la celda seleccionada.
  3. El segundo jugador será ‘O’. Haz clic en otra celda vacía para hacer tu movimiento. Aparecerá una ‘O’ en la celda seleccionada.
  4. Continúa alternando entre los jugadores ‘X’ y ‘O’ hasta que uno de los jugadores tenga 3 de sus símbolos consecutivos en línea vertical, horizontal o diagonalmente.
  5. Si un jugador logra 3 de sus símbolos consecutivos en línea, aparecerá un mensaje de alerta indicando que ese jugador ha ganado. El juego se reiniciará automáticamente después de 100 ms.
  6. Si todas las celdas se llenan y no hay un ganador, aparecerá un mensaje de alerta indicando que el juego ha terminado en empate. El juego se reiniciará automáticamente después de 100 ms.
  7. Para reiniciar el juego en cualquier momento, puedes hacer clic en el botón de reinicio (Reset) que se encuentra en el juego.

¡Diviértete jugando al juego de 3 en raya!

Prompt utilizado para generar el código con Inteligencia Artificial:

Primero el prompt se redacta en español, pero para montarlo en ChatGPT se traduce al inglés porque así funciona mejor.

  • Crea un código para Tres en raya (Tic Tac Toe).
  • Haz el código todo lo optimizado y simple posible, utilizando sólo: HTML, CSS y JavaScript.
  • Crea clases con nombres específicos y únicos para el CSS, que no cree conflicto con ninguna de las clases del WordPress.
  • Haz que el código tenga un diseño sencillo, moderno y minimalista.
  • Incluye un botón de reset para reiniciar el juego. Usa Colores bonitos para los círculos y las cruces.

Promt montado en ChatGPT:

  • Create a code for Tic Tac Toe (Tic Tac Toe).
  • Make the code as streamlined and simple as possible, using only: HTML, CSS and JavaScript.
  • Create classes with specific and unique names for the CSS that do not conflict with any of the WordPress classes.
  • Make the code have a simple, modern and minimalist design.
  • Includes a reset button to restart the game.
  • Use Pretty Colors for the circles and crosses.