Do This:

Run the program

• What does it do? (don't know? see below!)

• Why do you think some information is in quotes and some is not?

HINTS: 

• Code is running one line at a time.

• Strings need to go in quotes. Numbers do not need to.

• Yellow highlighting shows you which line of code is running in either block or text mode.

MODIFY:

On the Code.org (Lesson 5, Page 1) modify the code by adding 2 (two) lines of code... one that displays a string (a line in quotes) and one that displays a number (no quotes)

Do This:

Run the program

• What are the differences between console.log and setProperty? 

HINTS: 

• console.log prints text in the Debug Console

• setProperty changes the properties of elements on the screen. These should be familiar from using Design Mode.

• console.log needs one input while setProperty needs three

• Hovering over a block in the toolbox helps you know what kind of information to put in each input.

MODIFY:

On the Code.org (Lesson 5, Page 2) modify the code by adding 1 (ONE) console.log and 1 (one) setProperty to the program

Do This:

Run the program

• How does the onEvent block work? Be as specific as possible.

• How do commands inside an onEvent run different from commands outside?

HINTS:

• onEvent makes the program respond to the user. You can add code inside of it that will only run when something happens.

• Changing the second input changes the type of interaction that will make the code inside the onEvent run.

• Code outside the onEvent runs right away. Code inside an onEvent will only run when the event happens.

• Even if code is after an onEvent, it will run first if it's outside of any onEvent

MODIFY:

On the Code.org (Lesson 5, Page 3) modify the code by adding one command INSIDE of the onEvent and one command OUTSIDE of the onEvent.

Predict

Read through the following program, paying special attention to what commands are inside and outside of the onEvent block. After discussing the following questions with your partner, write down your predictions and run the code to see what the program does.

What happens when you run the program without clicking on any of the buttons?

What happens when you click the green button?

Do This:

Run the program

Click the button (Go to the next screen) on the screen

• How does the setScreen block work?

HINTS: 

• onEvent means the USER must do something

• If this...then that

MODIFY:

On the Code.org (Lesson 5, Page 5) modify the code by:

• Add one command inside the second onEvent to set one property of the homeIcon

• Try to make the homeIcon RED

Do This:

Run the program

• How does the playSound block work?

• How do the lines that start with // run differently from the others?

HINTS: 

• playSound will play a sound you pick from the Sound Library

• Lines that start with // are called comments and don't actually run. They just help you understand your code.

MODIFY:

On the Code.org (Lesson 5, Page 6) modify the code by:

• Adding code so the dog button makes sound too.

• Change the messages when each button is clicked.

Do This:

Run the program

• How do you think the randomNumber command works?

• Why do the birds move even if they're not clicked? Are there other options?

HINTS:

• • Random number chooses a new random number each time, between the high and low value given

  • Each time randomNumber runs, there's a possibility of a different result!

  • onEvent takes many different event types, not just "mouseOver" and "click". Depending on the situation different ones make more sense. READ the CODE!

MODIFY:

On the Code.org (Lesson 5, Page 7) modify the code by:

• Making the birds move around the entire screen, not just the top left corner.

• Experiment with other event types besides "mouseOver" and "click". Which ones still make the game work?