This project is the first project I made with JavaScript! The assignment was to make a game with JavaScript and I decided to make a fighter game comparible in style to a pokemon fighting game. There were lots of challenges but also lots of things I have learned and I will go more in dept about the project further down the page. Visit the website: https://tbjamie.github.io/Fighter-Game/
Fighter Game
HTML, CSS, JavaScript, UI Design
🎯 Project goals
Before starting this project I set a few goals for myself. I had goals for a minimum grade I wanted to reach as well as individual goals that I wanted to achieve this project. These goals were as following:
- Learning the basics of JavaScript
- Learn DOM manipulation
- Get a grade highter than 8
I was determined to reach all my goals and I spend a lot of time besides my regular classes working on the game and studying JavaScript.
🌱 Start of the project
At the start of the project I started out by generating ideas for a game. I eventually ended up with a pokemon like fighting game. Then I made a wireflow to get an overview of all the actions and possibilities that the game should have.
Once I had a clear overview I started setting up my html file. After that I linked my JavaScript file and I was ready to start using JavaScript for the first time!!
At first I was quite overwhelmed with the data types, functions and conditional statements (if else). But I was very motivated to learn and master all of them so I started the project with high hopes!
📈 Progress
During this project I had a lot of struggles a few of them were: DOM manipulation & readable and re-usable functions. The functions I had written ended up working well, but they were not really re-usable...
To fix this I could've used parameters to make the functions easily re-usable, that's a great lesson I have learned with writing functions in JavaScript.
I also started to get more comfortable with DOM manipulation and I was able to master it quite well.
🏆 End of the project
In the end of the project I was very happy and proud of what I had achieved for my first JavaScript game. I learned a lot about the JavaScript basics and I also managed to get a 9 as my final grade!
In the end I managed to achieve all my goals and I am very excited to keep learning more about JavaScript! Thank you for reading my journey through my first time using JavaScript! And you can also look at my other work!