This is Activity 5 (remixed from Act2). (I know it looks like Activity 3...)

Sixuan Huang in INFSCI 2560

This is the web page for the week three activity. You're going to make it more interesting with Javascript!

Showing Pictures

A Muffin

Task One - Selecting Elements

  1. Preheat oven to 400 degrees. Place muffin liners in a muffin tin and spray with cooking spray.
  2. In a large bowl, add the flour, baking powder, and salt. Stir to combine.
  3. In another bowl, add the sugar, milk, vanilla, egg, and oil. Whisk to combine.
  4. Add the wet ingredients to the dry ingredients. Stir until just combined; batter should be lumpy. Do not over mix.
  5. Fill the muffin liners 3/4 of the way up.
  6. Add your favorite muffin flavors/additions (fruit, nuts, chocolate chips, oats, etc.). Take a toothpick and push the additional ingredients down into the batter and swirl them around a little.
  7. Bake for 20 minutes. Let cool for 5 minutes before serving.

You need to programmatically display the text value of the this element in this paragraph in the javascript console. You will probably need to go look at the source HTML and figure out what would be the most effective way to get the element in the previous sentence. It will be tricky!

Task Two - Styling Tables

First Last Occupation
Bruce Wayne The Batman
Clark Kent Superman
Diana Prince Wonder Woman
Peter Parker Spiderman
Þórr ðunor Thor
Carol Danvers Captain Marvel
Tony Stark Iron Man
Logan Logan Wolverine
Natasha Romanova Black Widow
Thanos Thanos Thanos

Task Three - Modify Grocery List

Task Four - Adding Interactivity