Как отслеживать изменение класса

var item = document.getElementsByClassName('item'); 
for (let i = 0; i < item.length; i++) { 
  item[i].addEventListener('click', function() { 
    for (let i = 0; i < item.length; i++) { 
      item[i].classList.remove('active'); 
    } 
    item[i].classList.add('active'); 
    console.log('индекс элемента---', i); 
  }) 
 
}

<div class='wrapper'> 
  <div class='item'>item</div> 
  <div class='item'>item</div> 
  <div class='item active'>item</div> 
  <div class='item'>item</div> 
</div>