@@ -3,41 +3,41 @@ const removeActiveClasses = function (ulElement) {
33Array . prototype . forEach . call ( lis , function ( li ) {
44li . classList . remove ( 'active' ) ;
55} ) ;
6- }
6+ }
77
8- const getChildPosition = function ( element ) {
9- var parent = element . parentNode ;
10- var i = 0 ;
11- for ( var i = 0 ; i < parent . children . length ; i ++ ) {
12- if ( parent . children [ i ] === element ) {
13- return i ;
14- }
8+ const getChildPosition = function ( element ) {
9+ var parent = element . parentNode ;
10+ var i = 0 ;
11+ for ( var i = 0 ; i < parent . children . length ; i ++ ) {
12+ if ( parent . children [ i ] === element ) {
13+ return i ;
1514}
16-
17- throw new Error ( 'No parent found' ) ;
1815}
1916
17+ throw new Error ( 'No parent found' ) ;
18+ }
19+
2020window . addEventListener ( 'load' , function ( ) {
2121const tabLinks = document . querySelectorAll ( 'ul.tab li a' ) ;
2222
2323Array . prototype . forEach . call ( tabLinks , function ( link ) {
24- link . addEventListener ( 'click' , function ( event ) {
25- event . preventDefault ( ) ;
24+ link . addEventListener ( 'click' , function ( event ) {
25+ event . preventDefault ( ) ;
2626
27- liTab = link . parentNode ;
28- ulTab = liTab . parentNode ;
29- position = getChildPosition ( liTab ) ;
30- if ( liTab . className . includes ( 'active' ) ) {
31- return ;
32- }
27+ liTab = link . parentNode ;
28+ ulTab = liTab . parentNode ;
29+ position = getChildPosition ( liTab ) ;
30+ if ( liTab . className . includes ( 'active' ) ) {
31+ return ;
32+ }
3333
34- removeActiveClasses ( ulTab ) ;
35- tabContentId = ulTab . getAttribute ( 'data-tab' ) ;
36- tabContentElement = document . getElementById ( tabContentId ) ;
37- removeActiveClasses ( tabContentElement ) ;
34+ removeActiveClasses ( ulTab ) ;
35+ tabContentId = ulTab . getAttribute ( 'data-tab' ) ;
36+ tabContentElement = document . getElementById ( tabContentId ) ;
37+ removeActiveClasses ( tabContentElement ) ;
3838
39- tabContentElement . querySelectorAll ( 'li' ) [ position ] . classList . add ( 'active' ) ;
40- liTab . classList . add ( 'active' ) ;
41- } , false ) ;
39+ tabContentElement . querySelectorAll ( 'li' ) [ position ] . classList . add ( 'active' ) ;
40+ liTab . classList . add ( 'active' ) ;
41+ } , false ) ;
4242} ) ;
4343} ) ;