Day 7

  • Take Home Review
  • Arrays
  • Loops
  • Daily Challenge
  • The DOM
  • Event Listeners
  • Take Home Challenge
  • Questions?
  • FizzBuzz challenge
    1. Create a new codepen
    2. Write a function called fizzbuzz that will accept no arguments
    3. The goal of this function is to print out all numbers from 1 to 100 but with three exceptions:
      • For every number that is divisible by 3 and 5, console log "FizzBuzz"
      • For every number that is divisible by only 3 and not 5, console log "Fizz"
      • For every number that is divisible by only 5 and not 3, console log "Buzz"
  • Document Object Model
    • Properties
      • Values accessed within an HTML element (ex: get/set values)
      • Example properties:
        • .innerHTML
        • .attribute
        • .property
    • Methods
      • Values accessed within an HTML element (ex: get/set values)
      • Example methods:
        • .getElementById()
        • .createElement()
        • .appendChild()
    • More properties and methods
  1. Building on your day 6 take home challenge:
  2. Use javascript to create and append the following to your HTML:
    • Button element (with text)
  3. Now add the following functionality:
    • If you haven't already, create a function that will make the API request
    • Add an event listener to your button
    • When your button is clicked, it should make the API request and append the results to the DOM