learn-co-curriculum / fe-jquery-simple-calc

Use jQuery event listeners and JavaScript if/else or switch statement to build a very simple calculator

Code Challenge - jQuery Simple Calculator

Students will work in groups to create a simple calculator using jQuery event listeners and JavaScript if/else or switch statements.

Steps

1. Fork this repository.
2. CLone Your fork.
3. cd into the folder for this project.
4. open index.html in the browser and bring up the JavaScript console.
5. open the project folder in your code editor.
6. In js/simple-calc.js write the code neccesary to make a functioning calculator.

The calculator should do the following:

1. the calculator should store 2 separate numbers as variables.
2. the calculator should store the operation the user chooses as a variable holding a string: '+', '-', '*', '/'.
3. when a user clicks increment or decrement buttons it should add one or subtract one from a variable storing that number and update the h2 with a class="number" showing the updated number.
4. When the user clicks the operation buttons it should change the string that is being stored in the operation variable.
5. When the user clicks the equals button, the calculator should update a result variable based on the operation choosen and the value of the two numbers. It should then report the result into the h2 with an id="result".

See a live working example of the simple calculator here

Resources

• MDN - Vars
• MDN - Switch Statement
• MDN - if/Else Statement
• jQuery API - Selectors
• jQuery API - Events - Click
• jQuery API - Text
• Live Working Example

View Code Challenge - jQuery Simple Calculator on Learn.co and start learning to code for free.

fe-jquery-simple-calc's Issues

Update Test Suite

Go through as a student to make sure this makes sense

Summer 2015 lab is outdated

https://learn.co/lessons/7020 has an older version of the readme, which has a stale link for the live calculator example.

https://github.com/learn-co-students/fe-jquery-simple-calc-summer-2015-teachers is up to date, however.