I should of gone mobile first on this project. I think that was my biggest mistake. Overall awesome experience. I struggled the most with the Javascript this time. I got the code to do what I wanted it to do. I just dont understand why it actually works. For my next project i really want to stop building and watch some best practice videos on refactoring and best practice. I also dont really use flexbox or grid as much as i think i should? Im not sure give me your thoughts on how you would of done this project or just some awesome feedback would be nice! have a good one!
Miguel Gomez
@MikeProduceAll comments
- @MikeProduceSubmitted about 2 years ago@MikeProducePosted about 2 years ago
I've been waiting for someone to comment on the
position: absolute
parts of my projects! I did not really know if that was the right thing to do or not but thank you for giving me more direction and clarifying that. I think the next challenge ill do I will focus on using flexbox/grid. I will definitely look over your code and follow your tips! thanks again on your amazing detailed feedback!0 - @elaineleungSubmitted about 2 years ago
This is my first intermediate project, and I only built this because I already made a calculator app a while ago. Since I've been seeing a number of calculator solutions in my feed, I wanted to see whether I can reuse my old one in this challenge. I ended up rewriting almost all the JS except the event listeners, but this was a really good practice in writing JS classes!
This calculator can be used with the key pad as well, and also I structured the calculator keys in my HTML in a way where a user can use the tab key if they don't want to use the numpad. The tab functionality somewhat mirrors what my Windows calculator is doing, so I think that's alright for now!
I kept the design's initial value in my calculator, but I will probably remove it later after the screenshot is taken. The only thing I need to figure out later is how to change the screenshot browser's settings and keep it in dark mode, so if anyone's got any ideas please let me know π
To build this, I used the calculator by Web Dev Simplified's Kyle as my blueprint; his Vanilla JS calculator is probably the best I've seen so far, so if anyone is interested, do check out his work! Also, I aim to add a second display above the main one for showing the first operand, so hopefully that's coming soon!
Please let me know if there's anything that's broken or not working the way it should. Thank you!
@MikeProducePosted about 2 years agoMan this is really nice! Hope I can get there someday!
1