Как конвертировать jQuery в чистый JS?

Question

[supfiger]

Помогите перевести код в чистый JS:

$('.list').on('click', 'li', function(){
    $('.list li').removeClass('active');
    $(this).addClass('active');
});

Comments

[0xD34F]

youmightnotneedjquery.com

Answer 1

[Тигран Абрамян]

const lists = document.querySelectorAll('.list li');

lists.forEach(list => {
  list.addEventListener('click', () => {
    lists.forEach(list => list.classList.remove('active'));

    list.classList.add('active');
  });
});

Comments

[supfiger]

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

[supfiger]

TAbrahamyan по вашему методу сделал свой, немного упростил)

const list = document.querySelector('.list');

const onItemClick = (e) => {
	const current = e.target;
  const items = document.querySelectorAll('li');
  
  items.forEach(item => item.classList.remove('active'));
  current.classList.add("active");
}

list.addEventListener("click", onItemClick);