


Your calculator should then do the following: first, evaluate the first pair of numbers ( 12 + 7), second, display the result of that calculation ( 19), and finally, use that result ( 19) as the first number in your new calculation, along with the next operator ( -). Example: you press a number button ( 12), followed by an operator button ( +), a second number button ( 7), and finally a second operator button ( -). Your calculator should not evaluate more than a single pair of numbers at a time.An example of the behavior we’re looking for would be this student solution. For example, 12 + 7 - 5 * 3 = should yield 42. Users should be able to string together several operations and get the right answer, with each pair of numbers being evaluated at a time.Gotchas: watch out for and fix these bugs if they show up in your code:.Don’t feel bad if it takes you a while to figure out the logic. You need to figure out how to store all the values and call the operate function with them. This is the hardest part of the project.You should already have the code that can populate the display, so once operate() has been called, update the display with the ‘solution’ to the operation.Make the calculator work! You’ll need to store the first number that is input into the calculator when a user presses an operator, and also save which operation has been chosen and then operate() on them when the user presses the “=” key.You should be storing the ‘display value’ in a variable somewhere for use in the next step. Create the functions that populate the display when you click the number buttons.Go ahead and fill it with some dummy numbers so it looks correct.

There should also be a display for the calculator.Do not worry about wiring up the JS just yet.Create a basic HTML calculator with buttons for each digit, each of the above functions and an “Equals” key.Create a new function operate that takes an operator and 2 numbers and then calls one of the above functions on the numbers.Your calculator is going to contain functions for all of the basic math operators you typically find on simple calculators, so start by creating functions for the following items and testing them in your browser’s console.Here are some use cases (abilities your project needs to have): Don’t forget to commit early & often! You can reference the Commit Message lesson here!
