Create web page programmatically

I need a web page created programmatically. My original page needs 5 buttons or div's but when it is clicked it will be repopulated with the area that shows columns and racks via a JavaScript function. The numbering convention is Shelf_Column_Rack is S01_C01_R01. But it will depend upon the shelf that is clicked. I put buttons on the attached html file but I am open to anything that will look good. If shelf one is click then the columns and racks will show, if shelf 2 is click shelf one will go back to the original layout and the objects that were created are destroyed and only shelf two will show columns and rack and the id's will be associated with shelf 2. When a rack item is clicked a JavaScript function will be called with an alert of the object's ID. The style of all objects needs to be clean with a grayish/blue coloring schema for the shelves and deeper blue for the rack objects.