Barbies Wardrobe (Continued)

In this assignment you will review how to create classes and use the alongside your DOM Manipulation to build full applications

Walkthrough (Completed in Class)

  1. Fork and Clone Barbies Wardrobe to your classwork folder
  2. Open the folder in vs code
  3. Observe the starter code
  4. View the HTML, CSS and JS
  5. Review the logic behind each event listener

Update HTML, CSS & JS (Completed in Class)

Red Bottoms

  1. Make a button in the HTML with the id of red-bottoms
  2. Add Functionality to the button so that whenever we click the button Barbie Buys Red Bottom Shoes
  3. Style the button so that whenever we hover the red-bottoms button it turns red
  4. Use Git add and commit to save this update

Complete these tasks as a group

Barbie Makes Money Moves

  1. Barbie is a boss, she doesn't only buy Birkins and Red Bottoms
  2. Make it so Barbie can buy rental properties
  3. Make a rental property cost 50,000 and make it add 500$ to Barbie Income
  4. Use Git add and commit to save this update

Barbie be flippin' on Posh Mark

  1. The great business woman that Barbie is, she knows that she can sell her purses and shoes
  2. Make it so Barbie can sell her items in her closet
  3. Make is so when Barbie sells an item it randomly chooses a price she sells it for between 70% and 200% of the original price.
  4. Use Git add and commit to save this update

Barbie needs a car

  1. Make it so Barbie can Buy A Tesla for 50k
  2. Make it lower income by 150
  3. Use Git add and commit to save this update

Think of other things that Barbie can do to make things interesting