Go to Player

Music Player Instructions

    Creating The HTML

  • The HTML will be quite simple but you have to link both JavaScript and CSS files
  • The JS “Data” file MUST be listed before the JS “Player” file or else the links will not work
  • Image 1
      Creating The CSS

  • CSS is more complicated because you are styling the entire page
  • The most important aspects is naming everything correctly because you will be linking this to your JS file
  • Image 2
      Creating JS "Player"

  • This file creates most of the animations and actual functionality of the site
  • The queryselection function serves as almost an ‘archive’
  • Image 1
      Creating JS "Data"

  • This page is small but super important
  • This is how the script will know which files to access and when to access them, which is important because it shortens the entire process
  • Image 2