1- const removeActiveClasses = function ( ulElement ) {
1+ function removeActiveClasses ( ulElement ) {
2+
23const lis = ulElement . querySelectorAll ( 'li' ) ;
34Array . prototype . forEach . call ( lis , function ( li ) {
45li . classList . remove ( 'active' ) ;
56} ) ;
67}
78
8- const getChildPosition = function ( element ) {
9+ function getChildPosition ( element ) {
910var parent = element . parentNode ;
1011var i = 0 ;
1112for ( var i = 0 ; i < parent . children . length ; i ++ ) {
@@ -24,16 +25,17 @@ window.addEventListener('load', function () {
2425link . addEventListener ( 'click' , function ( event ) {
2526event . preventDefault ( ) ;
2627
27- liTab = link . parentNode ;
28- ulTab = liTab . parentNode ;
29- position = getChildPosition ( liTab ) ;
28+ const liTab = link . parentNode ;
29+ const ulTab = liTab . parentNode ;
30+ const position = getChildPosition ( liTab ) ;
3031if ( liTab . className . includes ( 'active' ) ) {
3132return ;
3233}
3334
3435removeActiveClasses ( ulTab ) ;
35- tabContentId = ulTab . getAttribute ( 'data-tab' ) ;
36- tabContentElement = document . getElementById ( tabContentId ) ;
36+ const tabContentId = ulTab . getAttribute ( 'data-tab' ) ;
37+ const tabContentElement = document . getElementById ( tabContentId ) ;
38+
3739removeActiveClasses ( tabContentElement ) ;
3840
3941tabContentElement . querySelectorAll ( 'li' ) [ position ] . classList . add ( 'active' ) ;