Super simple calculator in JavaScript

March 28, 2021

Working on a JavaScript idea a simple calculator, as a weekend project, that took a little over a week, I used this post on FreeCodeCamp for the inspiration and help in working through the app.

I created this calculator as an MVP (Minimal Viable Product), a way to get put something together quickly where the customer can work with it. The client then decides on any extra features or changes that need. This will allow the client to get it out and using the app quicker and then you maybe adding updates as feedback comes in from the users.

The other option is to work out everything you think needs to be done, code and design, then submit to the client. At this point any changes they would make could cause you to go back and rework a lot of the app. It would also take longer to be created that means longer before it is used, meaning longer that it will add value to the client.

The HTML and CSS is mostly 100% from the link above, this is about figuring out code and not a HTML/CSS project, there was a few tweaks I did alter to them. I also combined the CSS into the HTML to keep the number of files low.

As an MVP and keeping it simple into what the client needs; currently the app cannot string the calculations together so you can’t do: 1 + 2 + 3 = 6; you would need to do 1+2=3+3 = 6. Now if this was something that was requested as a need for the app to begin with you would need to add that feature before showing them. This can be something that you inform the client about; but in doing so you could cause more work than what would be needed. Maybe the app only needs to do one set of calculations or needs to show a total each time to be entered. Letting them know about this they could say ‘yes it’s needed’ but may never actually be used. Causing more work on your end, more cost, and longer to implement on their end.

With the app I commented almost everything, even line by line. This isn’t something you would normally do, I did this to help walk you through the program other than writing everything down.

Link to Calculator:

This is an app that I might revisit in the future to add more features to it.

Github: https://github.com/amacher/JsCalculator

Related Articles

Tic-Tac-Toe in JavaScript

Tic-Tac-Toe in JavaScript

To take a break from the other projects this weekend I worked on a Tic-Tac-Toe game in JavaScript. The basic instructions I had for myself was it needed to be able to be played by 1 or 2 people. I started with creating the game for 2 players. Thinking that if I can...

read more
Save posts to a WordPress Database – Working Notes

Save posts to a WordPress Database – Working Notes

This is notes/overview of a project I started on to add several posts to WordPress (WP) from HTML files without having to copy and paste each file. These are just notes from that dropped project and the basic Python script to do this (github). Make sure you fully test...

read more
CMYK converter added

CMYK converter added

CMYK is a tricky one, since each device would interpret the colors differently. Had almost decided not to even include it but thought it could be useful at times. Looking around I found a basic formula that most people were using to give a rough idea for the color. I...

read more

Pin It on Pinterest

Share This