[Part 2] Creating a Web Game in 30 Minutes with AI.

Today, following up on previous work, I made some progress on code separation and added a few features.

First, I requested that the source code, where the html, js, and css were all in one file, be separated.

Q9. Please rewrite the above integrated source code into a structure separated into html, js, and css files.

-> Separated into 3 structures: index.html, game.js, and styles.css

Q10. In the above source code, add a status window area to the left of the center console screen where the character's status can always be checked, and add the related functions.

-> Added a fixed sidebar to the left and added/modified related functions in game.js so that the status can always be checked.

Q11. In the above source code, add a button and function in the status window to use skill points.

-> This was requested because the existing skill points were entered directly into an alert window. The modification allows for intuitive use with the button activating when skill points are available.

Q12. In the above source code, when winning a battle, drop gold based on the monster's level, and modify it so that the acquired gold can be checked in the status window.

-> Added the function to drop gold, and modified it so that it can be checked in the left status window.

Through the above 4 queries, the screen and composition have become more presentable, and the basis for adding features such as a shop in the future has been established.

I will expand on this in the future by adding shop functions (recovery items, etc.) and skill systems.

Hall of Fame