pxt-calliope/docs/reference/js/lessons/smiley/challenges.md
2016-03-29 21:17:57 -07:00

68 lines
1.3 KiB
Markdown

# smiley challenges
Coding challenges for the smiley tutorial. #docs
## Before we get started
Complete the [smiley activity](/microbit/lessons/smiley/activity) and your code will look like this:
```
basic.showAnimation(`
. # . # . . . . . .
. # . # . . . . . .
. . . . . . . . . .
# . . . # . . . . .
. # # # . . . . . .
`, 400)
```
### Challenge 1
What if we want to make the face to frown when button `A` is pressed?
Let's make add code that will run when button `A` is pressed!
```
basic.showAnimation(`
. # . # . . . . . .
. # . # . . . . . .
. . . . . . . . . .
# . . . # . . . . .
. # # # . . . . . .
`, 400)
input.onButtonPressed(Button.A, () => {
}) // ***
```
### Challenge 2
### @video td/videos/smiley-2
Now, we want to show a frowny face when this button is pressed. Let's plot that image.
```
basic.showAnimation(`
. # . # . . . . . .
. # . # . . . . . .
. . . . . . . . . .
# . . . # . . . . .
. # # # . . . . . .
`, 400)
input.onButtonPressed(Button.A, () => {
basic.showLeds(`
. # . # .
. # . # .
. . . . .
. # # # .
# . . . #
`, 400) // ***
})
```
* Run your code to see if it works as expected.
### Challenge 3
When button `B` is pressed, let's change the sad face back to a happy face. To do this, begin by adding a condition for `input->on button pressed(B)`. Then show a smiley face inside the condition.