Меню Закрыть

Добавление active элементу по клику js

Задача: Получить все отслеживаемые элементы (в данном случае по классу), и по клику на любой из них добавлять Active (или любой другой класс) при этом убирая его у остальных элементов. Так мы получаем всегда 1 выбранный элемент с классом active.

				
					const typeAuto = document.getElementsByClassName("typeAutoSel"); // получаем все элементы для отслеживания

for (let i = 0; i < typeAuto.length; i++) { // запускаем цикл
    typeAuto[i].addEventListener('click', function() { // отслеживаем событие "click"
        for (let i = 0; i < typeAuto.length; i++) { // цикл при каждом клике удаляет у всех класс active
            typeAuto[i].classList.remove('active');
        }
        this.classList.add('active') // добавляем класс элементу по которому произошел click
    })
}
				
			

Добавить комментарий

Ваш адрес email не будет опубликован.

>