Exercise: Creating WPF calculator using C# coding for the buttons

This exercise is provided to allow potential course delegates to choose the correct Wise Owl Microsoft training course, and may not be reproduced in whole or in part in any format without the prior written consent of Wise Owl.

The answer to the exercise will be included and explained if you attend the Wise Owl course listed below!

Category ==> WPF - Visual C#  (20 exercises)
Topic ==> Handling events  (3 exercises)
Level ==> Harder than average
Course ==> WPF using Visual C#

You need a minimum screen resolution of about 700 pixels width to see our exercises. This is because they contain diagrams and tables which would not be viewable easily on a mobile phone or small laptop. Please use a larger tablet, notebook or desktop computer, or change your screen resolution settings.

Create a form allowing you to add, subtract, divide and multiply numbers:

Calculator form

You can type in any two numbers, and click on a button to add, subtract, divide or multiply them.


Notes on how to proceed to do this are shown overleaf!

Having created your window, first attach code to the buttons so that if you leave one of the numbers blank (or enter an invalid number) you get an error message:

Error message if numbers invalid

Here we've missed out the second number - your code should set the focus to the second text box.


If, on the other hand, you enter valid numbers, you should see the answer appear in a label at the bottom of the window (set its Visibility property in XAML to Collapsed, then set it to Visiibility.Visible in code):

Calculator showing answer

Here we've clicked on the divide button - you should show the answer using the number format:


When everything is working to your satisfaction, close the window down (you might like to have a look at the answer provided too, to see how it compares to yours).

This page has 0 threads Add post