Goal: In the Branching lesson, we learned:
- How to use an
if...else
statement to add logic to our webpages.
- The difference between
===
and =
You will use branching very often moving forward, no matter which programming language(s) you opt to explore in the future. Get the hang of basic branching now by completing the exercises listed below.
Warm Up
- When do we use
===
? When do we use =
instead? What is the difference between the two?
- How many
if
statements can one branch have?
- How many
else
statements may one branch contain?
- Under what circumstances does an
else
statement execute?
Code
Meet the goal by completing one of the practice prompts below.
Create a page that offers users information about the voting process.
- The page should prompt the user to enter their current age.
- If the user is too young to vote, they should see different information than if the user is old enough to legally vote.
- Minors should be offered links to websites where they may learn about the voting process and age requirements.
- Those old enough to vote should be offered links to websites to register to vote, locate their nearest polling location/ballot dropbox is, or list when upcoming elections will take place.
Animal Wiki
Craft a site with information about turtles, snakes, and insects (or another three animals or items of your choosing).
- The page should ask the user which animal they'd like to learn about.
- When a user clicks an animal, display a div containing information about that animal (including pictures).
- If they later select a different animal, make sure to hide this div before displaying information about another animal.
Amusement Park
Safety first!
- Create a website for an amusement park that prompts the user to enter their height.
- The page should only display information about rides the user is tall enough to safely ride.
- Then try showing a list of all rides and just highlighting (with CSS) the ones the user may safely ride.
- Make sure there are some rides that an adult can't go on because they are too tall!