Tabs

We need a set of toggleable Tabs about three programming languages.

1. Structure HTML:
   Create a div with role="tabs" inside the below div.wrapper with a corresponding label.
   Create a div with role="tablist". Create three children element: button with tab role. Add aria-selected and id attributes.
   Create three div with role="tabpanel" each with identic IDs as the buttons inside the tablist element. Place your text content inside each tabpanel.

2. Styling:
   Styling is pre-defined in this exercise so take care of class namings.

3. Add logic with JS:
   If a tab is clicked, its matching tabpanel should be revealed.
   Add event listener to tabButtons and listen for a click.
   Set default state of tabButtons: aria-selected="false" and tabpanels: add hidden attribute.
   If the button with the corresponding ID is clicked, change default state of of tabButtons: aria-selected="true" and tabpanels: remove hidden attribute.

Expected outcome:

via GIPHY