Get GitHub Code

This is the Solution for the first Challenge in this course. Remember that these challenges are designed to help you learn the concepts taught in the lessons, so struggling with the concepts is not only natural, but important. Only read as much of the solution as you need in order to solve the problem you're having, then try to finish the challenge on your own. Use this as a tool to help you, but do as much as you can on your own.

Step 1: Setup the Project

This Challenge was designed to cement the ideas from Lesson 3's MyFirstWebApp and can be solved mostly by copying that code. To begin, create a new Project, an ASP.NET Web Application and call it MyFirstChallenge.

Use an Empty template, but include references to Web Forms.

2016-07-20 (14)

The first step is to add a new Web Form to the Project by right-clicking the Project in the Solution Explorer and selecting:

Add > Web Form

Name the Web Form Default.aspx, and click OK. Move to the Design view by clicking the button in the bottom left-hand corner.

Step 2: Add Server Controls

In the designer area, type in "How old are you?" followed by two spaces. From the Toolbox, double-click the TextBox control to insert it next to your text. The result should look like this:


Use the right arrow to move your cursor to the right side of the TextBox, then press enter twice and type in "How much money do you have in your pocket?" followed by two spaces. Repeat the process above to insert another TextBox. Move your cursor to the right of the TextBox and hit enter twice, then double-click the Button control to insert a button:


Below the Button, insert a Label control by double-clicking the icon in the Toolbox.

Step 3: Edit the Controls

Select the first TextBox you inserted, and in the Properties window, change its ID to ageTextBox.


Tip While you could name your server controls anything you want, giving them specific names helps you to remember what control you're referencing. For instance, the ID of ageTextBox not only indicates what type of Server Control it is, but what its purpose is. When you type in ageTextBox, you will know exactly what you want that control to do.

Follow these same steps to change the ID's for the second TextBox, Button, and Label to 'moneyTextBox', 'okButton' and 'resultLabel'. In the Properties panel for the okButton, change the Text property to "Click Me To See Your Fortune", as specified by the Challenge. Then, select the resultLabel and clear the Text property so that it is empty. The result should look like this:


Step 4: The Event Handler Code

Double click the okButton to enter the Event Handler called okButton_Click in the Default.aspx.cs. What we need to do next is gather the information that user input for their age and money. So, create a string property called 'age', and set it equal to the Text property of the ageTextBox. Do the same for a string 'money' variable:


Tip Remember, strings are useful for holding alphanumeric values, such as the Text property of your TextBoxes. By assigning these strings to the text that the user input, you can reference that text programmatically.

Remember that the goal is to concatenate the user's input text with a predetermined string to display their fortune. In order to do this, create a string variable called 'result' and assign it the value "At " + age + " years old, I would have expected you to have more than " + money + " in your pocket." Note: Make sure that you include the spaces at the end of the literal strings, or else your formatting will be incorrect.


Finally, assign the resultLabel's Text property to the 'result' variable you created. Your final code should look like this:

Step 5: Debug and Test

Save your Project, and click the Run button to test it out in your browser. Type in appropriate values into the TextBoxes, and click on the button to view the result:


Where to Go from Here

If you had trouble completing this challenge, try this challenge again. Do it as often and as much as you need until you can firmly cement this concept in your mind. Or, create your own version of this challenge to get creative. In any event, do your best to understand the concepts in this Challenge before moving on. Good luck, and good work!

Related Articles in this Tutorial:

Lesson 1 - Series Introduction

Lesson 2 - Installing Visual Studio 2015

Lesson 3 - Building Your First Web App

Lesson 4 - Understanding What You Just Did

Lesson 5 - Working with Projects in Visual Studio

Lesson 6 - Simple Web Page Formatting in Visual Studio

Challenge 1

Solution 1

Lesson 7 - Variables and Data Types

Lesson 8 - Data Type Conversion

Lesson 9 - Arithmetic Operators

Lesson 10 - C# Syntax Basics

Challenge 2 - ChallengeSimpleCalculator

Solution - ChallengeSimpleCalculator

Lesson 11 - Conditional If Statements

Lesson 12 - The Conditional Ternary Operator

Challenge 3 - ChallengeConditionalRadioButton

Solution - Challenge Conditional RadioButton

Lesson 13 - Comparison and Logical Operators

Lesson 13 Challenge - First Papa Bob's Website

Solution - Challenge First Papa Bob's Website

Lesson 14 - Working with Dates and Times

Lesson 15 - Working With Spans of Time

Lesson 16 - Working with the Calendar Server Control

Challenge 4 - Challenge Days Between Dates

Solution - Challenge Days Between Dates

Lesson 17 - Page_Load and Page.IsPostBack

Lesson 18 - Setting a Break Point and Debugging

Lesson 19 - Formatting Strings

Challenge 5 - Challenge Epic Spies Assignment

Solution - Challenge Epic Spies Assignment

Lesson 20 - Maintaining State with ViewState

Lesson 21 - Storing Values in Arrays

Lesson 22 - Understanding Multidimensional Arrays

Lesson 23 - Changing the Length of an Array

Challenge 6 - Challenge Epic Spies Asset Tracker

Solution - Challenge Epic Spies Asset Tracker

Lesson 24 - Understanding Variable Scope

Lesson 25 - Code Blocks and Nested If Statements

Lesson 26 - Looping with the For Iteration Statement

Challenge 7 - Challenge For Xmen Battle Count

Solution - Challenge For Xmen Battle Count

Lesson 27 - Looping with the while() & do...while() Iteration Statements

Lesson 28 - Creating and Calling Simple Helper Methods

Lesson 29 - Creating Methods with Input Parameters

Lesson 30 - Returning Values from Methods

Lesson 31 - Creating Overloaded Methods

Lesson 32 - Creating Optional Parameters

Lesson 33 - Creating Names Parameters

Lesson 34 - Creating Methods with Output Parameters

Challenge 8 - Challenge Postal Calculator Helper Methods

Solution - Challenge Postal Calculator Helper Methods

Mega Challenge Casino

Solution - Mega Challenge Casino

Lesson 35 - Manipulating Strings

Challenge 9 - Phun With Strings

Solution - Challenge Phun With Strings

Lesson 36 - Introduction to Classes and Objects

Challenge - Hero Monster Classes Part 1

Solution - Hero Monster Classes Part 1

Challenge - Hero Monster Classes Part 2

Solution - Challenge Hero Monster Classes Part 2

Lesson 37 - Creating Class Files Creating Cohesive Classes and Code Navigation

Lesson 38 - Understanding Object References and Object Lifetime

Lesson 39 - Understanding the .NET Framework and Compilation

Lesson 40 - Namespaces and Using Directives

Lesson 41 - Creating Class Libraries and Adding References to Assemblies

Lesson 42 - Accessibility Modifiers, Fields and Properties

Lesson 43 - Creating Constructor Methods

Lesson 44 - Naming Conventions for Identifiers

Lesson 45 - Static vs Instance Members

Challenge 10 - Challenge Simple Darts

Solution - Challenge Simple Darts

Lesson 46 - Working with the List Collection

Lesson 47 - Object Initializers

Lesson 48 - Collection Initializers

Lesson 49 - Working with the Dictionary Collection

Lesson 50 - Looping with the foreach Iteration Statement

Lesson 51 - Implicitly-Typed Variables with the var Keyword

Challenge 11 - Challenge Student Courses

Solution - Challenge Student Courses

Mega Challenge War

Solution - Mega Challenge War

Lesson 52 - Creating GUIDs

Lesson 53 - Working with Enumerations

Lesson 54 - Understanding the switch() Statement

Lesson 55 - First Pass at the Separation of Concerns Principle

Lesson 56 - Understanding Exception Handling

Lesson 57 - Understanding Global Exception Handling

Lesson 58 - Understanding Custom Exceptions

Lesson 59 - Creating a Database in Visual Studio

Lesson 60 - Creating an Entity Data Model

Lesson 61 - Displaying the DbSet Result in an ASP.NET GridView

Lesson 62 - Implementing a Button Command in a GridView

Lesson 63 - Using a Tools-Centric Approach to Building a Database Application

Lesson 64 - Using a Maintenance-Driven Approach to Building a Database Application

Lesson 65 - Creating a New Instance of an Entity and Persisting it to the Database

Lesson 66 - Package Management with NuGet

Lesson 67 - NuGet No-Commit Workflow

Lesson 68 - Introduction the Twitter Bootstrap CSS Framework

Lesson 69 - Mapping Enum Types to Entity Properties in the Framework Designer

Lesson 70 - Deploying the App to Microsoft Azure Web Services Web Apps

Papa Bob's Mega Challenge

Papa Bob's Mega Solution Part 1 - Setting up the Solution

Papa Bob's Mega Solution Part 2 - Adding an Order to the Database

Papa Bob's Mega Solution Part 3 - Passing an Order from the Presentation Layer

Papa Bob's Mega Solution Part 4 - Creating the Order Form

Papa Bob's Mega Solution Part 5 - Adding Enums

Papa Bob's Mega Solution Part 6 - Creating an Order with Validation

Papa Bob's Mega Solution Part 7 - Calculating the Order Price

Papa Bob's Mega Solution Part 8 - Displaying the Price to the User

Papa Bob's Mega Solution Part 9 - Creating the Order Management Page


Please login or register to add a comment