So I added much better a much better slider system for inputting the hp of each unit. This system is much more intuitive and easy to understand than the previous one.
ㅤ
On the way, I learned about the ch unit in CSS, which was what I used to set the width of the number input with the up and down arrows.
ㅤ
Now you might be like “how did it take 1hr 41min to just do that??” So basically, I went through 2 prototypes to get to this point, and it’s been so long since I did web development, I ran into freaking syntax errors slowing me down!!!
ㅤ
Also, along with this change, I found a bunch of places where there were bad coding practices, like basically having copy pasted code with just a small change between them. Because this is bad practice, I felt obliged to fix them. Again, those syntax errors slowed me down on this part as well.
ㅤ
But tbh, yeah it should NOT have taken this long to finish this feature, but at least it created an improvement!

Conclusion

This was one of the things my friend told me I should fix up, and so I did, now there are only 3 other things I decided I would do before considering this project to be done. They are:

• the default doctrine being selected
• information displayed as icons instead of text
• the big thing: a proper tutorial

I am closing in on the finish line, I can feel it!