DOM-JavaScript-mini Topics:

DOM Query selectors Modifying classes A tab section was added to the box model solution from the HTML/CSS mini lab. Your job is to go into the Tabs.js file and get the tabs operational. The html and css needed are already in place, as is the main structure of the javascript.

Each Tablink is associated with a Tabitem by way of the "data-tab" attribute. When a Tablink is clicked, the associated Tabitem should be selected, as well as the Tablink, and the previously selected elements should be deselected. The very first Tablink and Tab__item should be selected upon page load. HINT: Look at the Tabs.css classes

You can refer to the study guide provided below, and use any additional sources you prefer if you need more information on the methods listed in the guide.

DOM - Vanilla JavaScript - Study Notes