Как на чистом JS изменить цвет заливки при нажатии по нему?

Question

[yavaskript]

Есть такой фрагмент кода, который решает мою задачу. Но здесь используется jQuery. А как сделать то же самое, но на чистом JS?

var $li = $('#menu li').click(function() {
    $li.removeClass('selected');
    $(this).addClass('selected');
});

li.selected {
    color: green;
}

Comments

[Петр Мухуров]

const $li = document.querySelectorAll("#menu li");

const onLiClick = e => {
  $li.forEach(li => li.classList.remove("selected"));

  e.target.classList.add("selected");
}

$li.forEach(li => li.addEventListener("click", onLiClick, false);

[edward_freedom]

Петр Мухуров, в ответы кинь

[Петр Мухуров]

edward_freedom, я не уверен, что это красивый вариант, поэтому не кидал в ответы

Answer 1

[Дмитрий Комчев]

const $li = document.querySelectorAll('#menu li');

$li.forEach(elem => {
    elem.addEventListener('click', function () {
        $li.forEach(el => el.classList.remove('selected'));
        this.classList.add('selected');
    });
});

jQuery в JavaScript