[Parte 2] Crea un juego web en 30 minutos con IA.

Hoy, continuando con el trabajo anterior, realicé algunas mejoras en la separación del código y la adición de nuevas funciones.

Primero, se solicitó la separación del código fuente, donde el HTML, JavaScript y CSS estaban todos en un mismo archivo.

P9. Reescribe el código integrado anterior separándolo en archivos HTML, JavaScript y CSS.

-> Se separó en 3 estructuras: index.html, game.js y styles.css

P10. En el código anterior, agrega un área de estado a la izquierda de la pantalla de la consola central donde siempre se pueda verificar el estado del personaje y agrega las funciones relacionadas.

-> Se agregó una barra lateral fija a la izquierda y se agregaron/modificaron las funciones relacionadas en game.js para que el estado se pueda verificar siempre.

P11. En el código anterior, agrega un botón y la funcionalidad para usar puntos de habilidad en la ventana de estado.

-> Se solicitó esto porque los puntos de habilidad se ingresaban directamente en una ventana de alerta. Ahora, si hay puntos de habilidad, el botón se activa y se puede usar de forma intuitiva.

P12. En el código anterior, si se gana una batalla, se debe soltar oro según el nivel del monstruo, y el oro obtenido debe poder verse en la ventana de estado. Modifícalo para que así sea.

-> Se agregó la función para soltar oro y se modificó para que se pueda ver en la ventana de estado de la izquierda.

Gracias a estas 4 preguntas, la pantalla y la estructura se han vuelto más atractivas, y se ha establecido una base para agregar funciones adicionales como una tienda en el futuro.

En el futuro, intentaré ampliarlo agregando funciones de tienda (objetos de recuperación, etc.) y un sistema de habilidades.

https://ggoban.com/hof/