Here is an activity that combines a little bit of Drag and Drop to provide interaction along with some state changes. Oh – cannot forget the background magic that helps to perform the calculations. Not much flair – just the concepts. Helping to spark ideas for everyone.

This is a calculator of sorts that will perform the four basic math operations with the single digits that you place in the circles via drag and drop.

Each of the two drop targets, when accepting a numbered circle, assigns the value of that number to a variable and performs the calculation of the two drop targets.

The operator buttons on the side simply change the states of the banner, operator sign, and answer box and perform all the same calculations. This way – every action pretty much updates the answers in real time rather than having a separate “Calculate Now” type of button.

I know that all of you don’t need to practice your elementary math skills but the question is… how could you take a similar concept and apply it to your own projects?

Feel free to ask any questions that yo may have.