Skip to content

A simple CSS & JavaScript exercise that allows users to input a playlist of songs & artists

Notifications You must be signed in to change notification settings

charlorr/Groovy-Tunez-5000

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Groovy Tunez 5000

This web app was created for Xtern Bootcamp (Summer of 2018), and includes the features required by the homeworks below, in addition to:

  • Input validation (in developement`).
  • Displaying songs as a CD "mixtape".

Day 1 Homework

  • Make the button change the text of the heading (the <h1>).

Bonus Credit

  • Add multiple headings to the page, and make the button change the second one. (Use a class or an id.)

Super Mega Bonus Credit

  • Add a form to the page.
  • Add a text input to the form.
  • When the form is submitted, update the heading with the text that you type in the text input.

Super Mega Bonus Credit Hyper Fighting

  • Make sure it works when you press enter on the keyboard, not just when you click the button.

Day 2 Homework

  • Add a second field to the form.
  • Display the value of that field in the list.

Bonus Credit

  • Display the second field in a seperate HTML element than the flick name.
  • See if you can then style each field differently.

Super Mega Bonus Credit

  • Use more than one function.

Day 3 Homework

  • In addition to building a list item and addin git to the DOM (as we are now), also store each flick in an array.

Bonus Credit

  • Add a delete button to each list item that removes it from the list.

Super Mega Bonus Credit

  • Remove the flick from the array as well.

Super Mega Bonus Credit Hyper Fighting

  • Add a favorite button to each flick as well that lets you mark your favorites.
  • Display favorites differntly.
  • Be sure to the favorites are recorded appropriately in some way.

About

A simple CSS & JavaScript exercise that allows users to input a playlist of songs & artists

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published