tour date containers/rows

[christopherjohnson1]

User Story

As a user, you should see all upcoming concerts for the band in a table

AC

WHEN the page loads THEN you should see a table with four headers - date, venue, location, and tickets AND below the headers you will see all the upcoming concerts on the band's schedule

Dev Notes

• In tour.html, add a bootstrap table that contains the <thead> elements hardcoded in to include date, venue, location, and tickets as <th> elements, and give the <tbody> an id of #tour-info - https://getbootstrap.com/docs/4.0/content/tables/
• create an array called concerts in main.js with a bunch (20) of concert objects
• Create a concertBuilder function - that takes in an array, loops over the array, builds a domString (containing <tr> tags with child elements of <th> and separate <td> tags for each array object key value pairs) and calls printToDom
• reference purchase tickets button ticket for functionality adding a button to the tickets column of the concerts table

[christopherjohnson1]

[zoeames]

what happens when the purchase button is clicked?