преобразовать ES6 в ES5

[TheSanches]

Здравствуйте, подскажите пожалуйста, как переписать данный код на ES5, спасибо.

const newTab = document.getElementsByClassName('new-tab'),
  navTabs = document.getElementsByClassName('new-li');

for (let i = 0; i < navTabs.length; i++) {
  for (let j = 0; j < newTab.length; j++) {
    navTabs[i].addEventListener('click', function () {
      newTab[j].classList.remove('new-tab_active');
      newTab[i].classList.add('new-tab_active');
    });
  }
}

[Aetae]

Поменять const и let на var.

[TheSanches]

Поменять const и let на var.

И перестает все работать

[Aetae]

А, ну да, классика.

var newTab = document.getElementsByClassName('new-tab'),
      navTabs = document.getElementsByClassName('new-li');

for (var i = 0; i < navTabs.length; i++) {
  for (var j = 0; j < newTab.length; j++) {
    (function(i, j) {
      navTabs[i].addEventListener('click', function () {
        newTab[j].classList.remove('new-tab_active');
        newTab[i].classList.add('new-tab_active');
      });
    }(i, j));
  }
}

Но вообще так делать в принципе не надо, это крайне не надёжно - опираться на индекс в динамической коллекции.

[TheSanches]

var newTab = document.getElementsByClassName('new-tab'),
      navTabs = document.getElementsByClassName('new-li');

for (var i = 0; i < navTabs.length; i++) {
  for (var j = 0; j < newTab.length; j++) {
    (function(i, j) {
      navTabs[i].addEventListener('click', function () {
        newTab[j].classList.remove('new-tab_active');
        newTab[i].classList.add('new-tab_active');
      });
    }(i, j));
  }
}

Спасибо, работает)