Skip to navigation Skip to Main content

Fighter Game

HTML, CSS, JavaScript, UI Design

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/

This is my first website that I made with JavaScript. I made a fighter game comparible in style to a pokemon game, fully with JavaScript. This was also my first time using JavaScript

🎯 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!