() JS to implement a simple tab

Ideas:

In the tab, the selected tab is highlighted, where the yellow color is used instead, and the attribute is added here using Class (yellow is highlighted here) of course, you must get the current tab content, and then dynamically set an index property for each property. The onclick event is added for each tab button, and the process in each event is as follows: First, all classes are cleared, that is, no tab shows the highlighted style, hides all the tabs, takes this, and sets the name of the class name as highlighted. So that the current tab gets the highlighted style, and the display property is set to block, which is displayed.

<! DOCTYPE html> <!---->  

Effect Chart: