U4Ch1L7_Conditionals Practice

Purpose: Students get to practice using the skills they have learned about Conditionals.

Journal: Here are 4 errors you will & have encountered as you program. Which one do you feel would be the easiest to fix and state why?

• Syntax Errors show up when you type code that breaks the rules of the programming language.
• Logic Errors show up when you type valid code but it works incorrectly.
• Run-time Errors - a mistake in the program that shows when running the program.
• Overflow Error - an error that occurs when a computer tries to handle a number outside of the defined range of values.

Activity1: Log in Code.org U4Ch1L7 Level1 – Write Boolean Expressions to Answer Questions.

• Read the program and predict what will appear in the console.
• Now run the program. Were you correct?

Do This:

• Add code to answer the last two questions (line 12 & line 13.).
  • Hint: Just Copy/Paste/Edit the model lines above it.
• Run it…did it work??

Activity2: U4Ch1L7 Level2 – Write Boolean Expressions With Variables to Answer Questions.

• Read the program and predict how questions 1 & 2 will be answered.
• Now run the program to see if you were correct.

Do This:

• Add code to answer questions 3&4. (line 15 & line 20.).
  • Hint: Just Copy/Paste/Edit the model lines above it.
• Run it…did it work??

Activity3: U4Ch1L7 Level3 – Write Boolean Expressions that use Logical Operators.

• Read the program and predict how questions 1 - 3 will be answered.
• Now run the program to see if you were correct.

Do This:

• Add code to answer questions 4 & 5. (line 20 & line 24.).
  • Hint: Just Copy/Paste/Edit the model lines above it.
• Run it…did it work??

Activity4: U4Ch1L7 Level4 – Using ‘If’ Statements to change Star ‘s Color.

• Build an App where the star changes colors based on the number of clicks.
• Hint: Go to the line that has the ‘if’ command. Notice how there is an empty set of parenthesis [  ‘( )’  ]. In the parenthesis, add a statement [ ‘(clicks == 5)’ ] that will allow the star to turn red.

Do This:

• Add another line of code that has the star not only turn red…but eventually blue after so many clicks.
  • In order for this to work, remember to apply “Most Specific Case” (or larger number goes first).
• Run it…did it work?

• Build another App where the star changes colors based ‘on the number of clicks. But, in the last activity, you only used ‘If’ Statements. In this Activity you must use ‘‘If – Else’ Statements.
• Hint: Go to the ‘If – Else’ Statement’ Model to see how it is set up.
• Click on the ‘+’ to add ‘Else” to the if Block.

Do This:
Clicks: 0 Color Black
Clicks: 1-4 / Color Red
Clicks: 5+ / Color Orange

Activity6: U4Ch1L7 Level6 – Using ‘If–Else-If’_Add More Colors to the Star.

• Run the program.
• Look at the colors shown below and add them to the current program.
• Hint: Copy and paste the current code and then make the Operator and Color changes. Start with “if ((clicks < 5))” ->red, and work your way up to ‘greater and equal to 30’ -> pink.

Do This:
Clicks: 0 Color black
Clicks: 1-4 / Color red
Clicks: 5-9 / Color orange
Clicks: 10-14 / Color yellow
Clicks: 15-19 / Color green
Clicks: 20-24 / Color blue
Clicks: 25-29 / Color violet
Clicks: 30+ / Color pink

Activity7: U4Ch1L7 Level7 – Repair the program so that Orange appears.

• Run the program.
• Repair the program so that Orange appears.
• Hint: 1. The order is off. ‘<10_orange’ appears after ‘15_yellow”.

Do This:
Switch the Orange and Yellow lines of code.
Delete ‘event’ from the parenthesis, so that it reads ‘()’.

Activity8: U4Ch1L7 Level8 – Change a Boolean Expression to a Conditional Statement.

• Look at the code. The provide an example in which they rewrite Boolean Code to be Conditional. Now look at the Conditional code they provide you with in Example #2 and rewrite it so that it is Boolean.

Do This:
Just look at the Boolean Expression they provided you with in Example #1 and use it as a model as you attempt to rewrite it as a Conditional Statement in Example #2.

Note: Levels: #9, #10, #11, Changes Will Be Saved and Carried Over To The Next Level.

Activity9: U4Ch1L7 Level9 – Build, “Can I Adopt A Cat” App.

• In U4Ch1L5, you created a flowchart for a scenario in which in order for a cat to be adopted, the purchaser: 1. Age over 14, AND 2. $40.

Do This:

There are two primary steps to developing this App.

1. Write an ‘If-Else’ program.

This is easier that you think. Look at the flow chart provided to you in the “Instructions” section of this webpage. It states the Variable, the Operator and the Value. Also, the framework for the line of code you need to write is also provided to you on the ‘Workspace’…just fill in the Variable, Operator and Value  into the ‘if-else’ statement provided to you. Ahh, but you are concerned you may not write it correctly…Good Point! I checked all the preceding lessons and the format was never presented to you, so hear is a generic model you can apply to your program: 
if (var > value && var == value) {

2. If you look at the provide code, it creates the variables and gives them a value of zero, but nowhere in the program is this value updated to the number entered by the User. You need to write two lines of code, one that updates ‘var age’ and the other should update ‘var money’. And like before, I checked all the preceding lessons and discovered that you have never applied a ‘get number’ command, so hear is a generic model you can apply to your program:
var = getNumber ("form field id name”);

Activity10: U4Ch1L7 Level10 – Update “Can I Adopt A Cat” App. For ‘Teen Day’

• Update the App you built in Level 9 so that,
• Money $40 or more
• Teenager Day: no one under 13 and over 19.

Do This:

• Write this in a single Boolean expression with multiple logical operators &&, ||, !.
• I switched from Block to Text and used Operators that allowed ages less than 20 and greater than 12.

Activity11: U4Ch1L7 Level11 – MOD Operator

• Divide the first number by the second number. You are left with the remainder.

Do This:
Using each number from this list exactly once (1, 2, 2, 2, 3, 4, 7, 10), put a MOD statement in the first console.log statement of each set that will result in the same number as the second console.log statement.
console.log(2 % 3);
console.log(2);

console.log(10 % 2);
console.log(0);

console.log(2 % 4);
console.log(2);

console.log(7 % 1);
console.log(0);

 

U4Ch1L7_ Level 12 _ Practice with Conditionals
Purpose: Students will apply their skills in order to rewrite Conditional Statements.

App. #1: What’s Your Sleep Activity
You need to repair the program so that when the user date is input, the output generates the correct profile seen in the chart below.

Hint:

• Bear: Since the ‘Bear’ has a ‘sleeperType’, do it next. Look at the orange ‘Dolphin’ Boolean Expression (orange code). Now rebuild it in the bear line of code, but change the values and operators to match what is shown in the chart for the ‘Bear’.
• Wolf: You don’t need to create a Boolean Expression (orange code) with a ‘sleeperType’ for the Wolf – look at the chart, you only have to enter a ‘bedTime’ and a ‘wakeTime.’
• Lion: The Lion is the last line of code. It is an ‘else’ statement followed by a yellow ‘setText’ and yellow ‘setImageURL’.

Test your app by making sure the profiles for the animals in the chart above work.

App#2: What Genre of Music Are You?
You enter two bits of information, and the App guesses the genre of music that you like.

First, view the existing “If-else” section of code for this program. It clearly shows how the App works and matches the flowchart of the current program above.
Now you need to edit the code to match the flowchart on the right side.
Understanding the Flowchart: 1. Anything that includes a selection of ‘Workout” will give a result of “Pop.” 2. If you select “Soft” and any activity but “Workout”, the result is “Classical.” Finally, if you select anything but “Workout” or “Soft”, the result is “Country.”
Hint: Just edit the “if-else” sections of code for this program so that ‘activity’ is first (if), followed by ‘volume’ (else if), and finish with ‘genre’ (else).

App#3: FizzBuzz!
When you type in a number divisible by 3, the word “Fizz” appears. When you type in a number divisible by 5, the word “Buzz” appears.
Your task is to edit the code, so that if a number is submitted that can be divided by both 3 and 5, both “Fizz” and “Buzz” will appear.
Hint: 1. Edit the program so that the ‘if’ line has the code that checks for numbers that can be divided by 3 and 5. Look at how the code is written for 3 and do the same thing for 5 in the same line of code. Remember to include ‘&&’ and the correct number of parenthesis.
Also, remember to add both: “Fizz Buzz” so that the text for both appear. Finally, to get both images to appear, just enter two “showElement” lines of code, one for “"buzzImage" and one for "fizzImage".
Remember to create a new ‘else-if’ for number 3…but all you have to do is copy and paste the code for 5 and enter 3 instead.