Написать код по стандарту ES6

let menuUl = document.querySelector('.menu__ul');                  // Общий предок - менюшка в данном случае 
let currentActive = document.querySelector('.menu__link--active'); // Текущий активный элемент; нужен для того, чтобы каждый раз не обходить все элементы 
 
menuUl.addEventListener('click', function (e) { // Простенький 
  let a = e.target.closest('a');                // Делегатор 
   
  if(!a || !menuUl.contains(a)) return;         // См. https://learn.javascript.ru/event-delegation 
   
  if(currentActive) {                                     // Если текущий элемен есть (сначала его нет, будет null) 
    currentActive.classList.remove('menu__link--active'); // Убираем ему статус текущего 
  } 
   
  currentActive = a; // Теперь текущий - это тот, по которому кликнули 
   
  a.classList.add('menu__link--active'); // Думаю очевидно 
});

.menu__link--active { 
  color: red; 
}

<ul class="menu__ul"> 
  <li class="menu__li"> 
    <a class="menu__link" href="#"> 
      <span class="menu__title">about</span> 
    </a> 
  </li> 
  <li class="menu__li"> 
    <a class="menu__link" href="#"> 
      <span class="menu__title">test</span> 
    </a> 
  </li> 
</ul>