Section 4a.1. Everyone s a critic

4a.1. Everyone's a critic

If you enjoy music, you've probably got an opinion about what you like to listen to... and what you don't. Let's use what we've been learning about the DOM to build a web page for rating the Top 5 blues CDs of all time.

Rather than spend a bunch of time writing HTML and CSS, we've already taken care of putting a simple page together, and adding some style. Open up the chapter04/ folder in the source code for the book's examples. You'll see another folder named top5, with some files and a sub-folder:

 top5You'll find this in the chapter4/ folder. top5.htmlHere's the HTML for the Top 5 page. top5.cssWe've taken care of the CSS for the page, too. imagesThere are a bunch of images in here, one for each of the CD covers. 

Which one do you like best?

Here's what all this HTML and CSS looks like in a browser...

You can click on any of these CD cover images.

You can click "Start Over" to move all the CDs back to the top of the page, and create a new list.

When you click on a CD, it should move down into this Top 5 listing area.

BRAIN POWER

Could you build this application without using the DOM? How would it be different?