Skip to content

baekrxnn/playlist

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Playlist Project

Overview:

Day 1

Planning

  • Review your Starter Code and make sure you understand what code has already been written for you.

Set-Up

JS

  • Change the songs in the songs array
  • Update the song array in your project to have at least 4 songs
  • Create four new arrays to store
  • images_urls, artists, song lengths, and links

html / css

  • Customize your CSS or add another column

Wrap

  • Push your changes!

Day 2

JS

  • Use forEach Loop to display the data from each of your array's in the correct div
  • Update the code to append and HTML Elements (img, p, a tags) using jQuery.

Wrap

  • Push your changes!

Day 3

JS

  • A working click handler
  • Retrieve user input
  • Push items to your song array
  • Display the result to the screen

Wrap

  • Push your changes!

Extensions

  • Update the HTML and CSS to reflect your own style.
  • Add more songs to your list and song information to your list
  • Add a delete button to delete songs on your list
  • Use local storage to save your songs locally

Projects Extensions:

References/Tools

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 53.3%
  • CSS 23.5%
  • HTML 23.2%